upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-05-28 04:32:30 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 54

Merge pull request #35665 from nextcloud/revert-35165-fix/vue-select-styles

Browse source
This commit is contained in:
John Molakvoæ 2022-12-08 18:47:29 +01:00 committed by GitHub
commit dcd0878458
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 73 additions and 137 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

93
core/css/inputs.css
View file

@ -83,7 +83,7 @@ input, textarea, select, button, div[contenteditable=true], div[contenteditable=
/* Simple selector to allow easy overriding */
select,
button:not(.button-vue):not(.action-button):not([class^=vs__]),
button:not(.button-vue),
input,
textarea,
div[contenteditable=true],
@ -107,8 +107,7 @@ div.select2-drop .select2-search input,
input[type=submit],
input[type=button],
input[type=reset],
button:not(.button-vue):not(.action-button):not([class^=vs__]),
.button,
button:not(.button-vue), .button,
.pager li a {
margin: 3px 3px 3px 0;
padding: 7px 14px;
@ -132,12 +131,9 @@ input[type=button]:not(:disabled):not(.primary).active,
input[type=reset]:not(:disabled):not(.primary):hover,
input[type=reset]:not(:disabled):not(.primary):focus,
input[type=reset]:not(:disabled):not(.primary).active,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):hover,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):focus,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary).active,
.button:not(:disabled):not(.primary):hover,
.button:not(:disabled):not(.primary):focus,
.button:not(:disabled):not(.primary).active,
button:not(.button-vue):not(:disabled):not(.primary):hover,
button:not(.button-vue):not(:disabled):not(.primary):focus,
button:not(.button-vue):not(:disabled):not(.primary).active, .button:not(:disabled):not(.primary):hover, .button:not(:disabled):not(.primary):focus, .button:not(:disabled):not(.primary).active,
.pager li a:not(:disabled):not(.primary):hover,
.pager li a:not(:disabled):not(.primary):focus,
.pager li a:not(:disabled):not(.primary).active {
@ -149,8 +145,7 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):active,
input[type=submit]:not(:disabled):not(.primary):active,
input[type=button]:not(:disabled):not(.primary):active,
input[type=reset]:not(:disabled):not(.primary):active,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):active,
.button:not(:disabled):not(.primary):active,
button:not(.button-vue):not(:disabled):not(.primary):active, .button:not(:disabled):not(.primary):active,
.pager li a:not(:disabled):not(.primary):active {
outline: none;
background-color: var(--color-main-background);
@ -160,8 +155,7 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):focus-visibl
input[type=submit]:not(:disabled):not(.primary):focus-visible,
input[type=button]:not(:disabled):not(.primary):focus-visible,
input[type=reset]:not(:disabled):not(.primary):focus-visible,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):focus-visible,
.button:not(:disabled):not(.primary):focus-visible,
button:not(.button-vue):not(:disabled):not(.primary):focus-visible, .button:not(:disabled):not(.primary):focus-visible,
.pager li a:not(:disabled):not(.primary):focus-visible {
box-shadow: 0 0 0 2px var(--color-primary);
}
@ -169,8 +163,7 @@ div.select2-drop .select2-search input:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
button:not(.button-vue):not(.action-button):not([class^=vs__]):disabled,
.button:disabled,
button:not(.button-vue):disabled, .button:disabled,
.pager li a:disabled {
background-color: var(--color-background-dark);
color: var(--color-main-text);
@ -181,8 +174,7 @@ div.select2-drop .select2-search input:required,
input[type=submit]:required,
input[type=button]:required,
input[type=reset]:required,
button:not(.button-vue):not(.action-button):not([class^=vs__]):required,
.button:required,
button:not(.button-vue):required, .button:required,
.pager li a:required {
box-shadow: none;
}
@ -190,8 +182,7 @@ div.select2-drop .select2-search input:user-invalid,
input[type=submit]:user-invalid,
input[type=button]:user-invalid,
input[type=reset]:user-invalid,
button:not(.button-vue):not(.action-button):not([class^=vs__]):user-invalid,
.button:user-invalid,
button:not(.button-vue):user-invalid, .button:user-invalid,
.pager li a:user-invalid {
box-shadow: 0 0 0 2px var(--color-error) !important;
}
@ -199,8 +190,7 @@ div.select2-drop .select2-search input.primary,
input[type=submit].primary,
input[type=button].primary,
input[type=reset].primary,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
.button.primary,
button:not(.button-vue).primary, .button.primary,
.pager li a.primary {
background-color: var(--color-primary-element);
border-color: var(--color-primary-element);
@ -215,10 +205,8 @@ button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
#header input[type=button].primary,
#body-login :not(.body-login-container) input[type=reset].primary,
#header input[type=reset].primary,
#body-login :not(.body-login-container) button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
#header button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
#body-login :not(.body-login-container) .button.primary,
#header .button.primary,
#body-login :not(.body-login-container) button:not(.button-vue).primary,
#header button:not(.button-vue).primary, #body-login :not(.body-login-container) .button.primary, #header .button.primary,
#body-login :not(.body-login-container) .pager li a.primary,
#header .pager li a.primary {
border-color: var(--color-primary-text);
@ -233,12 +221,9 @@ input[type=button].primary:not(:disabled):active,
input[type=reset].primary:not(:disabled):hover,
input[type=reset].primary:not(:disabled):focus,
input[type=reset].primary:not(:disabled):active,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):hover,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):focus,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):active,
.button.primary:not(:disabled):hover,
.button.primary:not(:disabled):focus,
.button.primary:not(:disabled):active,
button:not(.button-vue).primary:not(:disabled):hover,
button:not(.button-vue).primary:not(:disabled):focus,
button:not(.button-vue).primary:not(:disabled):active, .button.primary:not(:disabled):hover, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):active,
.pager li a.primary:not(:disabled):hover,
.pager li a.primary:not(:disabled):focus,
.pager li a.primary:not(:disabled):active {
@ -252,10 +237,8 @@ input[type=button].primary:not(:disabled):focus,
input[type=button].primary:not(:disabled):focus-visible,
input[type=reset].primary:not(:disabled):focus,
input[type=reset].primary:not(:disabled):focus-visible,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):focus,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):focus-visible,
.button.primary:not(:disabled):focus,
.button.primary:not(:disabled):focus-visible,
button:not(.button-vue).primary:not(:disabled):focus,
button:not(.button-vue).primary:not(:disabled):focus-visible, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):focus-visible,
.pager li a.primary:not(:disabled):focus,
.pager li a.primary:not(:disabled):focus-visible {
box-shadow: 0 0 0 2px var(--color-main-text);
@ -264,8 +247,7 @@ div.select2-drop .select2-search input.primary:not(:disabled):active,
input[type=submit].primary:not(:disabled):active,
input[type=button].primary:not(:disabled):active,
input[type=reset].primary:not(:disabled):active,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):active,
.button.primary:not(:disabled):active,
button:not(.button-vue).primary:not(:disabled):active, .button.primary:not(:disabled):active,
.pager li a.primary:not(:disabled):active {
color: var(--color-primary-text-dark);
}
@ -273,8 +255,7 @@ div.select2-drop .select2-search input.primary:disabled,
input[type=submit].primary:disabled,
input[type=button].primary:disabled,
input[type=reset].primary:disabled,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:disabled,
.button.primary:disabled,
button:not(.button-vue).primary:disabled, .button.primary:disabled,
.pager li a.primary:disabled {
background-color: var(--color-primary-element);
color: var(--color-primary-text-dark);
@ -327,8 +308,7 @@ input[type=time] {
/* 'Click' inputs */
select,
button:not(.button-vue):not(.action-button):not([class^=vs__]),
.button,
button:not(.button-vue), .button,
input[type=button],
input[type=submit],
input[type=reset] {
@ -341,15 +321,14 @@ input[type=reset] {
background-color: var(--color-background-dark);
}
select:disabled,
button:not(.button-vue):not(.action-button):not([class^=vs__]):disabled,
.button:disabled,
button:not(.button-vue):disabled, .button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled {
cursor: default;
}
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]),
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input),
select,
div[contenteditable=true],
textarea {
@ -365,7 +344,7 @@ textarea {
text-overflow: ellipsis;
cursor: pointer;
}
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):hover, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):focus, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):active,
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):hover, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):focus, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):active,
select:not(:disabled):hover,
select:not(:disabled):focus,
select:not(:disabled):active,
@ -377,7 +356,7 @@ textarea:not(:disabled):focus,
textarea:not(:disabled):active {
border-color: var(--color-primary-element);
}
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):focus,
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):focus,
select:not(:disabled):focus,
div[contenteditable=true]:not(:disabled):focus,
textarea:not(:disabled):focus {
@ -403,19 +382,16 @@ select {
}
select *,
button:not(.button-vue):not(.action-button):not([class^=vs__]) *,
.button * {
button:not(.button-vue) *, .button * {
cursor: pointer;
}
select:disabled *,
button:not(.button-vue):not(.action-button):not([class^=vs__]):disabled *,
.button:disabled * {
button:not(.button-vue):disabled *, .button:disabled * {
cursor: default;
}
/* Buttons */
button:not(.button-vue):not(.action-button):not([class^=vs__]),
.button,
button:not(.button-vue), .button,
input[type=button],
input[type=submit],
input[type=reset] {
@ -423,15 +399,13 @@ input[type=reset] {
border-radius: var(--border-radius-pill);
/* Get rid of the inside dotted line in Firefox */
}
button:not(.button-vue):not(.action-button):not([class^=vs__])::-moz-focus-inner,
.button::-moz-focus-inner,
button:not(.button-vue)::-moz-focus-inner, .button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner {
border: 0;
}
button:not(.button-vue):not(.action-button):not([class^=vs__]).error,
.button.error,
button:not(.button-vue).error, .button.error,
input[type=button].error,
input[type=submit].error,
input[type=reset].error {
@ -440,13 +414,10 @@ input[type=reset].error {
color: #fff !important;
}
button:not(.button-vue):not(.action-button):not([class^=vs__]) > span,
.button > span {
button:not(.button-vue):not(.action-button) > span, .button > span {
/* icon position inside buttons */
}
button:not(.button-vue):not(.action-button):not([class^=vs__]) > span[class^=icon-], button:not(.button-vue):not(.action-button):not([class^=vs__]) > span[class*=" icon-"],
.button > span[class^=icon-],
.button > span[class*=" icon-"] {
button:not(.button-vue):not(.action-button) > span[class^=icon-], button:not(.button-vue):not(.action-button) > span[class*=" icon-"], .button > span[class^=icon-], .button > span[class*=" icon-"] {
display: inline-block;
vertical-align: text-bottom;
opacity: 0.5;

2
core/css/inputs.css.map
View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["variables.scss","inputs.scss","functions.scss"],"names":[],"mappings":"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BkB;EAyBlB,OAzBkB;EA0BlB;EACA;EACA;EACA;;AAED;EAEC;;AAED;EACC;EACA;EACA;EACA;;AAED;AAEA;AAAA;EAEC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;AAID;EACC;EACA;;AAED;EACC,eA/DkB;;AAmEnB;EACC;EACA,QArEkB;EAsElB,OAtEkB;EAuElB;EACA;;AAED;EACC;;AAED;EACC;;AAOD;EAEC;;AAED;EACC,cAzFyB;;AA2F1B;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;;AAID;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;;AAMJ;AACA;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAIH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAGF;EACE;EACA;;;AAMH;AAAA;AAAA;AAAA;EAEC;;;AAID;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AACA;EAIC;EACA;EACA;EACA;;AAED;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKJ;EACC;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAGF;EAGC;;AAED;EACC;;;AAKH;AACA;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;;AAOL;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;;AAIF;AACA;EACC;IAEC;;EAED;IAEC;;EAED;IAGC;;EAED;IAEC;;;AAGF;EACC;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACG","file":"inputs.css"}
{"version":3,"sourceRoot":"","sources":["variables.scss","inputs.scss","functions.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA;AAAA;AAAA;AA4BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ADlCC;AACD;EACC;;;AAED;EACC;;;AAED;EACI;;;AAKJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA,YAVgB;EAWhB;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAMA;EACI;;;AAGJ;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA8BA;;AA5BC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;EACC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;AAED;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;EACA;;;AAKH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGD;AACA;AAcC;AAAA;;AAbA;EACC;EACA;EAEA,QAjIe;;AAmIhB;EAIC;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;;AAIF;AACA;AAAA;AAAA;AAAA;AAAA;EAKC;EACA;EACA;EACA,YArKgB;EAsKhB;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACC;;;AAIF;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;;AAED;AAAA;AAAA;AAAA;EACC;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;;;AAKA;AAAA;EACC;;AAIA;AAAA;EACC;;;AAKH;AACA;AAAA;AAAA;AAAA;EAIC;EACA;AAEA;;AACA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;EACC;EACA;EACA;;;AAID;AACC;;AACA;EAEC;EACA;EACA;;;AAKH;AAEC;AAuBC;;AApBA;EACC;EACA;EACA;EACA;EACA;AACA;EACA;EACA;EACA,QAlRc;EAmRd,OAnRc;EAoRd;EACA;EACA;;AACA;EACC;ACpPH;EAEA;;AD0PG;EACC;;AAID;EAGC;EACA;;AACA;EACC;;AAQH;EACC;EACA;AACA;EACA;;;AAOJ;AACA;AAAA;EAEC;;;AAED;AAAA;EAEC;;;AAGD;AAKC;AA8EC;;AA5EA;EAEC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;;AAED;EACC;EACA;EACA,QAxBkB;EAyBlB,OAzBkB;EA0BlB;EACA;EACA;EACA;;AAED;EAEC;;AAED;EACC;EACA;EACA;EACA;;AAED;AAEA;AAAA;EAEC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;;AAID;EACC;EACA;;AAED;EACC,eA/DkB;;AAmEnB;EACC;EACA,QArEkB;EAsElB,OAtEkB;EAuElB;EACA;;AAED;EACC;;AAED;EACC;;AAOD;EAEC;;AAED;EACC,cAzFyB;;AA2F1B;EACC;EACA;EACA;;AAED;EACC;EACA;;AAED;EACC;EACA;EACA;;AAID;EAEC;EACA;EACA;;AAED;EACC;;AAED;EACC;;;AAMJ;AACA;EACC;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;AACA;EACC;EACA;EACA;;AACA;EACC;;AACA;EACC;EACA;;AAIH;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAGA;EACC;;AAGF;EACE;EACA;;;AAMH;AAAA;AAAA;AAAA;EAEC;;;AAID;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AACA;EAIC;EACA;EACA;EACA;;AAED;EACC;;AAGF;EACC;EACA;EACA;EACA;;AACA;EACC;;;AAKJ;EACC;;AACA;EACC;EACA;;AACA;EACC;;AAGF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;EACA;EACA;EACA;;AACA;EACC;;AAED;EAEC;EACA;;AAGF;EACC;EACA;EACA;;AACA;EACC;EACA;;AAGF;EAGC;;AAED;EACC;;;AAKH;AACA;EACC;EACA;;AACA;EACC;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;;AAIH;EACC;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACC;;AAED;EACC;EACA;;AACA;EACC;;;AAOL;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEC;EACC;;AAED;EACC;;AAGF;EACC;;AAED;EACC;EACA;EACA;;AAED;EACC;EACA;EACA;;;AAIF;AACA;EACC;IAEC;;EAED;IAEC;;EAED;IAGC;;EAED;IAEC;;;AAGF;EACC;EACA;EACA;;;AAKD;EACC;EACA;EACA;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;EACG","file":"inputs.css"}

20
core/css/inputs.scss
View file

@ -29,8 +29,7 @@ $default-height: 36px;
/* Simple selector to allow easy overriding */
select,
// "vs__" class prefix is used in the vue-select lib
button:not(.button-vue):not(.action-button):not([class^="vs__"]),
button:not(.button-vue),
input,
textarea,
div[contenteditable=true],
@ -55,8 +54,7 @@ div.select2-drop .select2-search input, // TODO: REMOVE WHEN DROPPING SELECT2
input[type='submit'],
input[type='button'],
input[type='reset'],
button:not(.button-vue):not(.action-button):not([class^="vs__"]),
.button,
button:not(.button-vue), .button,
.pager li a {
margin: 3px 3px 3px 0;
padding: 7px 14px;
@ -185,8 +183,7 @@ input {
/* 'Click' inputs */
select,
button:not(.button-vue):not(.action-button):not([class^="vs__"]),
.button,
button:not(.button-vue), .button,
input[type='button'],
input[type='submit'],
input[type='reset'] {
@ -203,7 +200,7 @@ input[type='reset'] {
}
}
input:not([type='range']):not(.input-field__input):not([type='submit']):not([type='button']):not([type='reset']):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^="vs__"]),
input:not([type='range']):not(.input-field__input):not([type='submit']):not([type='button']):not([type='reset']):not(.multiselect__input):not(.select2-input):not(.action-input__input),
select,
div[contenteditable=true],
textarea {
@ -245,8 +242,7 @@ select {
}
select,
button:not(.button-vue):not(.action-button):not([class^="vs__"]),
.button {
button:not(.button-vue), .button {
* {
cursor: pointer;
}
@ -259,8 +255,7 @@ button:not(.button-vue):not(.action-button):not([class^="vs__"]),
}
/* Buttons */
button:not(.button-vue):not(.action-button):not([class^="vs__"]),
.button,
button:not(.button-vue), .button,
input[type='button'],
input[type='submit'],
input[type='reset'] {
@ -278,8 +273,7 @@ input[type='reset'] {
color: #fff !important;
}
}
button:not(.button-vue):not(.action-button):not([class^="vs__"]),
.button {
button:not(.button-vue):not(.action-button), .button {
> span {
/* icon position inside buttons */
&[class^='icon-'],

93
core/css/server.css
View file

@ -1215,7 +1215,7 @@ input, textarea, select, button, div[contenteditable=true], div[contenteditable=
/* Simple selector to allow easy overriding */
select,
button:not(.button-vue):not(.action-button):not([class^=vs__]),
button:not(.button-vue),
input,
textarea,
div[contenteditable=true],
@ -1239,8 +1239,7 @@ div.select2-drop .select2-search input,
input[type=submit],
input[type=button],
input[type=reset],
button:not(.button-vue):not(.action-button):not([class^=vs__]),
.button,
button:not(.button-vue), .button,
.pager li a {
margin: 3px 3px 3px 0;
padding: 7px 14px;
@ -1264,12 +1263,9 @@ input[type=button]:not(:disabled):not(.primary).active,
input[type=reset]:not(:disabled):not(.primary):hover,
input[type=reset]:not(:disabled):not(.primary):focus,
input[type=reset]:not(:disabled):not(.primary).active,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):hover,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):focus,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary).active,
.button:not(:disabled):not(.primary):hover,
.button:not(:disabled):not(.primary):focus,
.button:not(:disabled):not(.primary).active,
button:not(.button-vue):not(:disabled):not(.primary):hover,
button:not(.button-vue):not(:disabled):not(.primary):focus,
button:not(.button-vue):not(:disabled):not(.primary).active, .button:not(:disabled):not(.primary):hover, .button:not(:disabled):not(.primary):focus, .button:not(:disabled):not(.primary).active,
.pager li a:not(:disabled):not(.primary):hover,
.pager li a:not(:disabled):not(.primary):focus,
.pager li a:not(:disabled):not(.primary).active {
@ -1281,8 +1277,7 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):active,
input[type=submit]:not(:disabled):not(.primary):active,
input[type=button]:not(:disabled):not(.primary):active,
input[type=reset]:not(:disabled):not(.primary):active,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):active,
.button:not(:disabled):not(.primary):active,
button:not(.button-vue):not(:disabled):not(.primary):active, .button:not(:disabled):not(.primary):active,
.pager li a:not(:disabled):not(.primary):active {
outline: none;
background-color: var(--color-main-background);
@ -1292,8 +1287,7 @@ div.select2-drop .select2-search input:not(:disabled):not(.primary):focus-visibl
input[type=submit]:not(:disabled):not(.primary):focus-visible,
input[type=button]:not(:disabled):not(.primary):focus-visible,
input[type=reset]:not(:disabled):not(.primary):focus-visible,
button:not(.button-vue):not(.action-button):not([class^=vs__]):not(:disabled):not(.primary):focus-visible,
.button:not(:disabled):not(.primary):focus-visible,
button:not(.button-vue):not(:disabled):not(.primary):focus-visible, .button:not(:disabled):not(.primary):focus-visible,
.pager li a:not(:disabled):not(.primary):focus-visible {
box-shadow: 0 0 0 2px var(--color-primary);
}
@ -1301,8 +1295,7 @@ div.select2-drop .select2-search input:disabled,
input[type=submit]:disabled,
input[type=button]:disabled,
input[type=reset]:disabled,
button:not(.button-vue):not(.action-button):not([class^=vs__]):disabled,
.button:disabled,
button:not(.button-vue):disabled, .button:disabled,
.pager li a:disabled {
background-color: var(--color-background-dark);
color: var(--color-main-text);
@ -1313,8 +1306,7 @@ div.select2-drop .select2-search input:required,
input[type=submit]:required,
input[type=button]:required,
input[type=reset]:required,
button:not(.button-vue):not(.action-button):not([class^=vs__]):required,
.button:required,
button:not(.button-vue):required, .button:required,
.pager li a:required {
box-shadow: none;
}
@ -1322,8 +1314,7 @@ div.select2-drop .select2-search input:user-invalid,
input[type=submit]:user-invalid,
input[type=button]:user-invalid,
input[type=reset]:user-invalid,
button:not(.button-vue):not(.action-button):not([class^=vs__]):user-invalid,
.button:user-invalid,
button:not(.button-vue):user-invalid, .button:user-invalid,
.pager li a:user-invalid {
box-shadow: 0 0 0 2px var(--color-error) !important;
}
@ -1331,8 +1322,7 @@ div.select2-drop .select2-search input.primary,
input[type=submit].primary,
input[type=button].primary,
input[type=reset].primary,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
.button.primary,
button:not(.button-vue).primary, .button.primary,
.pager li a.primary {
background-color: var(--color-primary-element);
border-color: var(--color-primary-element);
@ -1347,10 +1337,8 @@ button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
#header input[type=button].primary,
#body-login :not(.body-login-container) input[type=reset].primary,
#header input[type=reset].primary,
#body-login :not(.body-login-container) button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
#header button:not(.button-vue):not(.action-button):not([class^=vs__]).primary,
#body-login :not(.body-login-container) .button.primary,
#header .button.primary,
#body-login :not(.body-login-container) button:not(.button-vue).primary,
#header button:not(.button-vue).primary, #body-login :not(.body-login-container) .button.primary, #header .button.primary,
#body-login :not(.body-login-container) .pager li a.primary,
#header .pager li a.primary {
border-color: var(--color-primary-text);
@ -1365,12 +1353,9 @@ input[type=button].primary:not(:disabled):active,
input[type=reset].primary:not(:disabled):hover,
input[type=reset].primary:not(:disabled):focus,
input[type=reset].primary:not(:disabled):active,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):hover,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):focus,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):active,
.button.primary:not(:disabled):hover,
.button.primary:not(:disabled):focus,
.button.primary:not(:disabled):active,
button:not(.button-vue).primary:not(:disabled):hover,
button:not(.button-vue).primary:not(:disabled):focus,
button:not(.button-vue).primary:not(:disabled):active, .button.primary:not(:disabled):hover, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):active,
.pager li a.primary:not(:disabled):hover,
.pager li a.primary:not(:disabled):focus,
.pager li a.primary:not(:disabled):active {
@ -1384,10 +1369,8 @@ input[type=button].primary:not(:disabled):focus,
input[type=button].primary:not(:disabled):focus-visible,
input[type=reset].primary:not(:disabled):focus,
input[type=reset].primary:not(:disabled):focus-visible,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):focus,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):focus-visible,
.button.primary:not(:disabled):focus,
.button.primary:not(:disabled):focus-visible,
button:not(.button-vue).primary:not(:disabled):focus,
button:not(.button-vue).primary:not(:disabled):focus-visible, .button.primary:not(:disabled):focus, .button.primary:not(:disabled):focus-visible,
.pager li a.primary:not(:disabled):focus,
.pager li a.primary:not(:disabled):focus-visible {
box-shadow: 0 0 0 2px var(--color-main-text);
@ -1396,8 +1379,7 @@ div.select2-drop .select2-search input.primary:not(:disabled):active,
input[type=submit].primary:not(:disabled):active,
input[type=button].primary:not(:disabled):active,
input[type=reset].primary:not(:disabled):active,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:not(:disabled):active,
.button.primary:not(:disabled):active,
button:not(.button-vue).primary:not(:disabled):active, .button.primary:not(:disabled):active,
.pager li a.primary:not(:disabled):active {
color: var(--color-primary-text-dark);
}
@ -1405,8 +1387,7 @@ div.select2-drop .select2-search input.primary:disabled,
input[type=submit].primary:disabled,
input[type=button].primary:disabled,
input[type=reset].primary:disabled,
button:not(.button-vue):not(.action-button):not([class^=vs__]).primary:disabled,
.button.primary:disabled,
button:not(.button-vue).primary:disabled, .button.primary:disabled,
.pager li a.primary:disabled {
background-color: var(--color-primary-element);
color: var(--color-primary-text-dark);
@ -1459,8 +1440,7 @@ input[type=time] {
/* 'Click' inputs */
select,
button:not(.button-vue):not(.action-button):not([class^=vs__]),
.button,
button:not(.button-vue), .button,
input[type=button],
input[type=submit],
input[type=reset] {
@ -1473,15 +1453,14 @@ input[type=reset] {
background-color: var(--color-background-dark);
}
select:disabled,
button:not(.button-vue):not(.action-button):not([class^=vs__]):disabled,
.button:disabled,
button:not(.button-vue):disabled, .button:disabled,
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled {
cursor: default;
}
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]),
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input),
select,
div[contenteditable=true],
textarea {
@ -1497,7 +1476,7 @@ textarea {
text-overflow: ellipsis;
cursor: pointer;
}
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):hover, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):focus, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):active,
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):hover, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):focus, input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):active,
select:not(:disabled):hover,
select:not(:disabled):focus,
select:not(:disabled):active,
@ -1509,7 +1488,7 @@ textarea:not(:disabled):focus,
textarea:not(:disabled):active {
border-color: var(--color-primary-element);
}
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(.action-button):not([class^=vs__]):not(:disabled):focus,
input:not([type=range]):not(.input-field__input):not([type=submit]):not([type=button]):not([type=reset]):not(.multiselect__input):not(.select2-input):not(.action-input__input):not(:disabled):focus,
select:not(:disabled):focus,
div[contenteditable=true]:not(:disabled):focus,
textarea:not(:disabled):focus {
@ -1535,19 +1514,16 @@ select {
}
select *,
button:not(.button-vue):not(.action-button):not([class^=vs__]) *,
.button * {
button:not(.button-vue) *, .button * {
cursor: pointer;
}
select:disabled *,
button:not(.button-vue):not(.action-button):not([class^=vs__]):disabled *,
.button:disabled * {
button:not(.button-vue):disabled *, .button:disabled * {
cursor: default;
}
/* Buttons */
button:not(.button-vue):not(.action-button):not([class^=vs__]),
.button,
button:not(.button-vue), .button,
input[type=button],
input[type=submit],
input[type=reset] {
@ -1555,15 +1531,13 @@ input[type=reset] {
border-radius: var(--border-radius-pill);
/* Get rid of the inside dotted line in Firefox */
}
button:not(.button-vue):not(.action-button):not([class^=vs__])::-moz-focus-inner,
.button::-moz-focus-inner,
button:not(.button-vue)::-moz-focus-inner, .button::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner {
border: 0;
}
button:not(.button-vue):not(.action-button):not([class^=vs__]).error,
.button.error,
button:not(.button-vue).error, .button.error,
input[type=button].error,
input[type=submit].error,
input[type=reset].error {
@ -1572,13 +1546,10 @@ input[type=reset].error {
color: #fff !important;
}
button:not(.button-vue):not(.action-button):not([class^=vs__]) > span,
.button > span {
button:not(.button-vue):not(.action-button) > span, .button > span {
/* icon position inside buttons */
}
button:not(.button-vue):not(.action-button):not([class^=vs__]) > span[class^=icon-], button:not(.button-vue):not(.action-button):not([class^=vs__]) > span[class*=" icon-"],
.button > span[class^=icon-],
.button > span[class*=" icon-"] {
button:not(.button-vue):not(.action-button) > span[class^=icon-], button:not(.button-vue):not(.action-button) > span[class*=" icon-"], .button > span[class^=icon-], .button > span[class*=" icon-"] {
display: inline-block;
vertical-align: text-bottom;
opacity: 0.5;

2
core/css/server.css.map
View file

File diff suppressed because one or more lines are too long