luci-theme: fix checkboxes on firefox

This commit is contained in:
Nils Schneider 2014-08-09 09:35:39 +02:00
parent b169a169d6
commit 25e0c6e07b
2 changed files with 23 additions and 840 deletions

File diff suppressed because one or more lines are too long

View File

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