fix: fix scrollbars in firefox (#1147)

closes #1144
filecoin-project · Sep 8, 2020 · fc824ca · fc824ca
1 parent ac0c824
commit fc824ca
Showing 1 changed file with 16 additions and 11 deletions.
diff --git a/assets/plugins/_scrollbars.scss b/assets/plugins/_scrollbars.scss
@@ -9,7 +9,7 @@
 * {
   -ms-overflow-style: -ms-autohiding-scrollbar;
   scrollbar-width: thin;
-  scrollbar-color: transparent rgba(0, 0, 0, 0.3) ;
+  scrollbar-color: rgba(0, 0, 0, 0.3) transparent;
 }
 
 ::-webkit-scrollbar-thumb {
@@ -31,29 +31,34 @@
   scrollbar-color: transparent transparent ;
 }
 .markdown pre:hover {
-  scrollbar-color: transparent rgba(255, 255, 255, 0.1) ;
+  scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
 }
+.markdown pre:active {
+  scrollbar-color: rgba(255, 255, 255, 0.4) transparent;
+}
+
 
 .markdown pre::-webkit-scrollbar-thumb {
   background-color: transparent;
 }
 .markdown pre:hover::-webkit-scrollbar-thumb {
-  background-color: rgba(255, 255, 255, 0.1);
+  background-color: rgba(255, 255, 255, 0.3);
 }
 .markdown pre::-webkit-scrollbar-thumb:active {
-  background-color: rgba(255, 255, 255, 0.3);
+  background-color: rgba(255, 255, 255, 0.4);
 }
 
 // toc
+.toc > ol {
+  scrollbar-color: transparent transparent;
+}
+.toc > ol:hover {
+  scrollbar-color: inherit;
+}
+
 .toc > ol::-webkit-scrollbar {
   display: none;
 }
 .toc > ol:hover::-webkit-scrollbar {
   display: initial;
-}
-
-
-// Future
-.book-menu nav {
-  scrollbar-color: transparent $gray-500;
-}
+}