midgard/planetwars.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

make scroll bars less ugly in chrome

Browse source
This commit is contained in:
Ilion Beyst 2022-08-21 21:36:47 +02:00
parent 8eec57f560
commit a5399728c1
2 changed files with 14 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
web/pw-server/src/routes/style.css
View file

@ -2,3 +2,17 @@ body {
margin: 0; margin: 0;
font-family: Roboto, Helvetica, sans-serif; font-family: Roboto, Helvetica, sans-serif;
} }
/* generic scrollbar styling for chrome & friends */
::-webkit-scrollbar {
width: 5px;
}
::-webkit-scrollbar-thumb {
background: #bdbdbd;
border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
background: #6e6e6e;
}

19
web/pw-visualizer/src/style.css
View file

@ -275,22 +275,3 @@
background: #ff7000; background: #ff7000;
cursor: pointer; cursor: pointer;
} }
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 10px;
background-color: #444;
border-radius: 10px;
}
::-webkit-scrollbar {
width: 10px;
background-color: #444;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #F90;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}