diff options
author | 2019-06-25 13:06:30 +0300 | |
---|---|---|
committer | 2023-01-13 10:37:55 +0300 | |
commit | 7bb3c7cf18ee11ce7c7d779e597b4c014375aeda (patch) | |
tree | 213d241940b21b259479647ae0356d4273649c94 /vnext | |
parent | e00884120f96e5574199464aef2174d4915a93c7 (diff) |
Scrollbar styling
Diffstat (limited to 'vnext')
-rw-r--r-- | vnext/src/index.css | 22 |
1 files changed, 19 insertions, 3 deletions
diff --git a/vnext/src/index.css b/vnext/src/index.css index e30ba03d..2f5d0b5e 100644 --- a/vnext/src/index.css +++ b/vnext/src/index.css @@ -308,6 +308,25 @@ hr { color: #88958d; } +::-webkit-scrollbar { + width: 6px; +} /* this targets the default scrollbar (compulsory) */ +::-webkit-scrollbar-track { + background-color: #f8f8f8; +} /* the new scrollbar will have a flat appearance with the set background color */ + +::-webkit-scrollbar-thumb { + background-color: #ff339a; +} /* this will style the thumb, ignoring the track */ + +::-webkit-scrollbar-button { + background-color: #eee; +} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */ + +::-webkit-scrollbar-corner { + background-color: black; +} + @media (--viewport-desktop) { #app { grid-template-areas: "header header header header"". footer content ."; @@ -336,7 +355,4 @@ hr { border-top: initial; border-right: 2px solid #ff339a; } - #content { - overflow-y: initial; - } } |