jcarr
/
noVNC
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add styling for checkboxes 

This makes them fit in better in our settings GUI, especially when it
comes to coloring.
This commit is contained in:
Samuel Mannehed 2022-12-07 13:35:17 +01:00
parent c43e499357
commit f820ec86f0
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/styles/input.css
View File

@ -89,6 +89,31 @@ option {
background: white;
}
input[type=checkbox] {
position: relative;
appearance: none;
border: 1px solid dimgrey;
border-radius: 3px;
width: 0.8em;
height: 0.8em;
vertical-align: bottom;
}
input[type=checkbox]:checked {
background-color: rgb(110, 132, 163);
border-color: rgb(110, 132, 163);
}
input[type=checkbox]:checked::after {
content: "";
position: absolute;
top: 0;
left: 3px;
width: 3px;
height: 7px;
border: 1px solid white;
border-width: 0 2px 2px 0;
transform: rotate(40deg);
}
input:not([type]):focus,
input[type=button]:focus,
input[type=color]:focus,
@ -107,6 +132,7 @@ input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
input[type=checkbox]:focus,
button:focus,
select:focus,
textarea:focus {
@ -139,6 +165,9 @@ textarea:disabled {
color: rgb(128, 128, 128);
background: rgb(240, 240, 240);
}
input[type=checkbox]:disabled {
opacity: 0.4;
}
input[type=button]:active,
input[type=color]:active,