diff options
| author | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2018-12-21 10:17:43 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-12-21 10:17:43 +0100 |
| commit | bb90e3d2d050f82b1a13f3867620700cb3cdd804 (patch) | |
| tree | d8280170f660ce1f5d49875796e163091cf6d0c7 | |
| parent | 5dfdae3187a485d235855d1253e6a4fdb6d9c3a6 (diff) | |
| parent | 1cb507e0e3926439b18e51c7455fd9faf5125488 (diff) | |
| download | nextcloud-server-bb90e3d2d050f82b1a13f3867620700cb3cdd804.tar.gz nextcloud-server-bb90e3d2d050f82b1a13f3867620700cb3cdd804.zip | |
Merge pull request #13154 from nextcloud/ie11-checkboxes-fix
Fix ie11 checkboxes
| -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 { |