mirror_php/winter
1
0
Fork 0
mirror of https://github.com/wintercms/winter.git synced 2024-06-28 05:33:29 +02:00
Code Issues Projects Releases Wiki Activity

Improved inline-options CSS for checkboxlist fields

Browse Source
This commit is contained in:
Luke Towers 2018-08-23 10:00:51 -06:00
parent e46eff8a26
commit 787c2244bf
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
modules/system/assets/ui/less/checkbox.less
View File

@ -172,7 +172,7 @@
.inline-options {
.field-checkboxlist:not(.is-scrollable) {
padding: 20px !important;
padding: 10px 20px 20px 20px !important;
.custom-checkbox {
display: inline-block;
@ -180,6 +180,11 @@
label {
margin-bottom: 0 !important;
padding-top: 10px;
&:before {
top: 10px;
}
}
}
}

5
modules/system/assets/ui/storm.css
View File

@ -2456,9 +2456,10 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
.custom-checkbox p.help-block,.custom-radio p.help-block{padding-left:6px;margin-bottom:17px}
.custom-radio label:before{-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px}
.custom-checkbox label:before{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.inline-options .field-checkboxlist:not(.is-scrollable){padding:20px !important}
.inline-options .field-checkboxlist:not(.is-scrollable){padding:10px 20px 20px 20px !important}
.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox{display:inline-block;margin:0}
.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox label{margin-bottom:0 !important}
.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox label{margin-bottom:0 !important;padding-top:10px}
.inline-options .field-checkboxlist:not(.is-scrollable) .custom-checkbox label:before{top:10px}
.switch-field .field-switch{padding-left:85px;float:left}
.switch-field .field-switch > label{margin-top:3px}
.custom-switch{display:block;width:65px;height:26px;position:relative;text-transform:uppercase;border:none;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}