fix(v2): make scrollbar styles consistent (facebook#3669)

lex111 · Nov 2, 2020 · 398af74 · 398af74
1 parent 736807f
commit 398af74
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css
@@ -13,6 +13,24 @@
   top: calc(var(--ifm-navbar-height) + 2rem);
 }
 
+.sidebar::-webkit-scrollbar {
+  width: 7px;
+}
+
+.sidebar::-webkit-scrollbar-track {
+  background: #f1f1f1;
+  border-radius: 10px;
+}
+
+.sidebar::-webkit-scrollbar-thumb {
+  background: #888;
+  border-radius: 10px;
+}
+
+.sidebar::-webkit-scrollbar-thumb:hover {
+  background: #555;
+}
+
 .sidebarItemTitle {
   margin-bottom: 0.5rem;
 }