aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGravatar Vitaly Takmazov2019-06-25 13:06:30 +0300
committerGravatar Vitaly Takmazov2023-01-13 10:37:55 +0300
commit7bb3c7cf18ee11ce7c7d779e597b4c014375aeda (patch)
tree213d241940b21b259479647ae0356d4273649c94
parente00884120f96e5574199464aef2174d4915a93c7 (diff)
Scrollbar styling
-rw-r--r--vnext/src/index.css22
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;
- }
}