Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

luci-theme-openwrt-2020: properly handle invalid checkbox state

Browse source 
Signed-off-by: Jo-Philipp Wich <jo@mein.io>
This commit is contained in:
Jo-Philipp Wich 2020-04-02 15:34:19 +02:00
parent eb1422defe
commit e2750a4970
1 changed files with 19 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
themes/luci-theme-openwrt-2020/htdocs/luci-static/openwrt2020/cascade.css
View file

@ -921,8 +921,18 @@ button[disabled], button.disabled, .btn[disabled], .btn.disabled {
background: var(--danger-color); background: var(--danger-color);
} }
.cbi-checkbox {
position: relative;
}
.cbi-checkbox input[type="checkbox"] { .cbi-checkbox input[type="checkbox"] {
display: none; position: absolute;
z-index: 10;
-webkit-appearence: button;
height: 1.3em;
width: 1.3em;
opacity: 0;
cursor: pointer;
} }
.cbi-checkbox input[type="checkbox"] + label { .cbi-checkbox input[type="checkbox"] + label {
@ -944,7 +954,6 @@ button[disabled], button.disabled, .btn[disabled], .btn.disabled {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
cursor: pointer;
} }
.cbi-checkbox input[type="checkbox"]:checked + label::after { .cbi-checkbox input[type="checkbox"]:checked + label::after {
@ -960,6 +969,14 @@ button[disabled], button.disabled, .btn[disabled], .btn.disabled {
cursor: pointer; cursor: pointer;
} }
.cbi-checkbox input.cbi-input-invalid[type="checkbox"] + label::before {
box-shadow: 0 0 2px var(--danger-color);
}
.cbi-checkbox input.cbi-input-invalid[type="checkbox"]:checked + label::after {
background: var(--danger-color);
}
input:not([type]), input:not([type]),
input[type="text"], input[type="text"],
input[type="password"], input[type="password"],