Mirrors/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2024-07-22 04:19:50 +02:00
Code Issues Actions 10 Packages Projects Releases Wiki Activity

Fix ie11 checkboxes

Browse Source 
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2018-12-19 11:31:10 +01:00
parent ad9ece4e48
commit 1cb507e0e3
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
core/css/inputs.scss
View File

@ -302,10 +302,9 @@ select,
} }
/* Radio & Checkboxes */ /* Radio & Checkboxes */
input, label { $color-checkbox-radio-disabled: nc-darken($color-main-background, 27%);
--color-checkbox-radio-disabled: nc-darken($color-main-background, 27%); $color-checkbox-radio-border: nc-darken($color-main-background, 47%);
--color-checkbox-radio-border: nc-darken($color-main-background, 47%);
}
input { input {
&[type='checkbox'], &[type='checkbox'],
&[type='radio'] { &[type='radio'] {
@ -333,7 +332,7 @@ input {
border-radius: 50%; border-radius: 50%;
margin: 3px; margin: 3px;
margin-top: 1px; margin-top: 1px;
border: 1px solid var(--color-checkbox-radio-border); border: 1px solid $color-checkbox-radio-border;
} }
&:not(:disabled):not(:checked) + label:hover:before, &:not(:disabled):not(:checked) + label:hover:before,
&:focus + label:before { &:focus + label:before {
@ -348,11 +347,11 @@ input {
border-color: var(--color-primary-element); border-color: var(--color-primary-element);
} }
&:disabled + label:before { &:disabled + label:before {
border: 1px solid var(--color-checkbox-radio-border); border: 1px solid $color-checkbox-radio-border;
background-color: var(--color-checkbox-radio-disabled) !important; /* override other status */ background-color: $color-checkbox-radio-disabled !important; /* override other status */
} }
&:checked:disabled + label:before { &:checked:disabled + label:before {
background-color: var(--color-checkbox-radio-disabled); background-color: $color-checkbox-radio-disabled;
} }
} }
&.checkbox { &.checkbox {