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

Update input.css

This commit is contained in:
Kaleb Efflandt 2024-02-14 16:09:08 -06:00 committed by GitHub
parent c6e05deda8
commit 277d8e4af8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
app/styles/input.css
View File

@ -17,10 +17,10 @@ input, input::file-selector-button, button, select, textarea {
background: none;
padding: 5px;
border: 1px solid rgb(192, 192, 192);
border: 1px solid rgb(218, 218, 255);
border-radius: 5px;
color: black;
--bg-gradient: linear-gradient(to top, rgb(255, 255, 255) 80%, rgb(240, 240, 240));
color: #223;
--bg-gradient: linear-gradient(to top, rgb(218, 218, 255) 80%, rgb(218, 218, 255));
background-image: var(--bg-gradient);
}
@ -143,12 +143,12 @@ input[type=range] {
/* -webkit-slider.. & -moz-range.. cant be in selector lists:
https://bugs.chromium.org/p/chromium/issues/detail?id=1154623 */
input[type=range]::-webkit-slider-runnable-track {
background-color: rgb(110, 132, 163);
background-color: #223;
height: 6px;
border-radius: 3px;
}
input[type=range]::-moz-range-track {
background-color: rgb(110, 132, 163);
background-color: #223;
height: 6px;
border-radius: 3px;
}
@ -163,11 +163,10 @@ input[type=range]::-webkit-slider-thumb {
}
input[type=range]::-moz-range-thumb {
appearance: none;
width: 18px;
width: 20px;
height: 20px;
border-radius: 5px;
background-color: white;
border: 1px solid dimgray;
border-radius: 20px;
background-color: #bebaff;
margin-top: -7px;
}
@ -195,8 +194,7 @@ button:hover {
background-image: linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250));
}
select:hover {
background-image: var(--select-arrow),
linear-gradient(to top, rgb(255, 255, 255), rgb(250, 250, 250));
background-image: var(--select-arrow), linear-gradient(to top, rgb(230, 230, 255), rgb(230, 230, 230));
background-position: calc(100% - 7px), left top;
background-repeat: no-repeat;
}