ZoneMinder
/
zoneminder
mirror of https://github.com/ZoneMinder/zoneminder.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Feat: Change scrollbar style for base css

pull/3917/head
IgorA100 2024-03-28 18:55:13 +03:00 committed by GitHub
parent d880f34207
commit 0c17ed6b69
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/skins/classic/css/base/skin.css
View File

@ -21,6 +21,11 @@
* Primary look and feel styles
*/
:root {
--scrollbarBG: #F1F1F1;
--sliderBG: #C1C1C1;
}
@font-face {
font-family: "Material Icons";
font-style: normal;
@ -1003,3 +1008,24 @@ button .material-icons {
input.hasDatepicker {
max-width:140px;
}
/* Change scrollbar style */
div::-webkit-scrollbar, nav::-webkit-scrollbar, .chosen-results::-webkit-scrollbar {
width: 11px;
height: 11px;
}
div, nav, .chosen-results {
scrollbar-width: thin;
scrollbar-color: var(--sliderBG) var(--scrollbarBG);
}
div::-webkit-scrollbar-track, nav::-webkit-scrollbar-track, .chosen-results::-webkit-scrollbar-track {
background: var(--scrollbarBG);
}
div::-webkit-scrollbar-thumb, nav::-webkit-scrollbar-thumb, .chosen-results::-webkit-scrollbar-thumb {
background-color: var(--sliderBG);
border-radius: 6px;
border: 3px solid var(--scrollbarBG);
}