diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-04-30 09:55:39 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2019-04-30 09:55:39 +0200 |
| commit | fcdea355543ff9492a9017c2f6c289f6371a17b7 (patch) | |
| tree | cc6429be7856275725179b25c5013d155d79dd87 /core | |
| parent | 4fd2cbeb94faea75d9d14be3939a7d6bce2d88cf (diff) | |
| download | nextcloud-server-fcdea355543ff9492a9017c2f6c289f6371a17b7.tar.gz nextcloud-server-fcdea355543ff9492a9017c2f6c289f6371a17b7.zip | |
Increase checkbox & radio size
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core')
| -rw-r--r-- | core/css/inputs.scss | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss index b659a73dbc3..c8b0f013521 100644 --- a/core/css/inputs.scss +++ b/core/css/inputs.scss @@ -309,8 +309,10 @@ select, } /* Radio & Checkboxes */ +$checkbox-radio-size: 14px; $color-checkbox-radio-disabled: nc-darken($color-main-background, 27%); $color-checkbox-radio-border: nc-darken($color-main-background, 47%); +$color-checkbox-radio-white: #fff; input { &[type='checkbox'], @@ -333,12 +335,11 @@ input { + label:before { content: ''; display: inline-block; - height: 12px; - width: 12px; + height: $checkbox-radio-size; + width: $checkbox-radio-size; vertical-align: middle; border-radius: 50%; - margin: 3px; - margin-top: 1px; + margin: 0 6px 3px 3px; border: 1px solid $color-checkbox-radio-border; } &:not(:disabled):not(:checked) + label:hover:before, @@ -367,14 +368,14 @@ input { margin-left: 18px; } & + label ~ em:last-of-type { - margin-bottom: 12px; + margin-bottom: $checkbox-radio-size; } } &.checkbox { + label:before { border-radius: 1px; - height: 10px; - width: 10px; + height: $checkbox-radio-size; + width: $checkbox-radio-size; box-shadow: none !important; background-position: center; } @@ -387,7 +388,6 @@ input { } /* We do not use the nc-darken function as this is not supposed to be changed */ - $color-checkbox-radio-white: #fff; &.radio--white, &.checkbox--white { + label:before, |