diff options
| author | Ilion Beyst <ilion.beyst@gmail.com> | 2022-08-21 21:36:47 +0200 |
|---|---|---|
| committer | Ilion Beyst <ilion.beyst@gmail.com> | 2022-08-21 21:36:47 +0200 |
| commit | a5399728c155fceb0da60e36d225a673f34ac3e2 (patch) | |
| tree | 87d688a6ed25dab29bb42861c2cf6b9d8218d96e /web | |
| parent | 8eec57f5606c1d1757383f4c0ca40d2cc3334572 (diff) | |
| download | planetwars.dev-a5399728c155fceb0da60e36d225a673f34ac3e2.tar.xz planetwars.dev-a5399728c155fceb0da60e36d225a673f34ac3e2.zip | |
make scroll bars less ugly in chrome
Diffstat (limited to 'web')
| -rw-r--r-- | web/pw-server/src/routes/style.css | 14 | ||||
| -rw-r--r-- | web/pw-visualizer/src/style.css | 19 |
2 files changed, 14 insertions, 19 deletions
diff --git a/web/pw-server/src/routes/style.css b/web/pw-server/src/routes/style.css index f7d5388..fa72c7e 100644 --- a/web/pw-server/src/routes/style.css +++ b/web/pw-server/src/routes/style.css @@ -2,3 +2,17 @@ body { margin: 0; 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; +} diff --git a/web/pw-visualizer/src/style.css b/web/pw-visualizer/src/style.css index 09e33e6..02ab069 100644 --- a/web/pw-visualizer/src/style.css +++ b/web/pw-visualizer/src/style.css @@ -275,22 +275,3 @@ background: #ff7000; 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) - }
\ No newline at end of file |