summaryrefslogtreecommitdiffstats
path: root/core/css
diff options
context:
space:
mode:
authorJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2019-04-30 09:55:39 +0200
committerJohn Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>2019-04-30 09:55:39 +0200
commitfcdea355543ff9492a9017c2f6c289f6371a17b7 (patch)
treecc6429be7856275725179b25c5013d155d79dd87 /core/css
parent4fd2cbeb94faea75d9d14be3939a7d6bce2d88cf (diff)
downloadnextcloud-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/css')
-rw-r--r--core/css/inputs.scss16
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,