diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-12-19 11:31:10 +0100 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2018-12-19 11:31:10 +0100 |
| commit | 1cb507e0e3926439b18e51c7455fd9faf5125488 (patch) | |
| tree | f3261700336ce27c8ffa63f021f53fe9d1d42f98 /core | |
| parent | ad9ece4e4839297e50d34bb50481a78407f6b835 (diff) | |
| download | nextcloud-server-1cb507e0e3926439b18e51c7455fd9faf5125488.tar.gz nextcloud-server-1cb507e0e3926439b18e51c7455fd9faf5125488.zip | |
Fix ie11 checkboxes
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/inputs.scss | 15 |
1 files changed, 7 insertions, 8 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index eea6fa0fe59..57355967514 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -302,10 +302,9 @@ select, } /* Radio & Checkboxes */ -input, label { - --color-checkbox-radio-disabled: nc-darken($color-main-background, 27%); - --color-checkbox-radio-border: nc-darken($color-main-background, 47%); -} +$color-checkbox-radio-disabled: nc-darken($color-main-background, 27%); +$color-checkbox-radio-border: nc-darken($color-main-background, 47%); + input { &[type='checkbox'], &[type='radio'] { @@ -333,7 +332,7 @@ input { border-radius: 50%; margin: 3px; 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, &:focus + label:before { @@ -348,11 +347,11 @@ input { border-color: var(--color-primary-element); } &:disabled + label:before { - border: 1px solid var(--color-checkbox-radio-border); - background-color: var(--color-checkbox-radio-disabled) !important; /* override other status */ + border: 1px solid $color-checkbox-radio-border; + background-color: $color-checkbox-radio-disabled !important; /* override other status */ } &:checked:disabled + label:before { - background-color: var(--color-checkbox-radio-disabled); + background-color: $color-checkbox-radio-disabled; } } &.checkbox { |