mirror
/
gluon-packages
mirror of https://github.com/freifunk-gluon/packages.git
1
0
Fork 0
Code Releases Activity

luci-theme: fix checkboxes on firefox

This commit is contained in:
Nils Schneider 2014-08-09 09:35:39 +02:00
parent 8cd3a53d73
commit f9f3243e4f
2 changed files with 23 additions and 840 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

818
gluon/gluon-luci-theme/files/www/luci-static/gluon/cascade.css
View File

File diff suppressed because one or more lines are too long

45
gluon/gluon-luci-theme/sass/cascade.scss
View File

@ -372,29 +372,26 @@ input:-ms-input-placeholder {
} }
input[type=checkbox] { input[type=checkbox] {
-moz-appearance:none; display: none;
-webkit-appearance:none;
-o-appearance:none;
appearance: none;
width: 2em;
height: 2em;
margin: 0;
&:checked { & + label {
position: relative; display: inline-block;
width: 1em;
height: 1em;
margin: 0;
}
&::after { &:checked + label:after {
content: '✔'; content: '✔';
color: $ffmagenta; color: $ffmagenta;
vertical-align: middle; vertical-align: middle;
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 0; left: 0;
margin-top: -0.6em; margin-top: -0.5em;
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 1.7em; font-size: 1.7em;
}
} }
} }
@ -407,7 +404,8 @@ input[type=button] {
select, select,
input, input,
textarea { textarea,
input[type=checkbox] + label {
color: darken($ffzusatz, 30); color: darken($ffzusatz, 30);
border: none; border: none;
background: lighten($ffyellow, 30); background: lighten($ffyellow, 30);
@ -647,8 +645,9 @@ div.cbi-value {
div.cbi-value-field { div.cbi-value-field {
flex: 3; flex: 3;
position: relative;
input, select { input, select, input + label {
position: relative; position: relative;
top: -0.39em; top: -0.39em;
} }