upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-06 23:34:22 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 33

Merge pull request #15305 from nextcloud/enhancement/checkboxes/size

Browse source 
Increase checkbox & radio size
This commit is contained in:
Roeland Jago Douma 2019-04-30 12:27:45 +02:00 committed by GitHub
commit 0c8a0007a9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
core/css/inputs.scss
View file

@ -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,