fix: scrollbar for firefox

terraswap · Jan 30, 2023 · 8f65de0 · 8f65de0
1 parent 89f940c
commit 8f65de0
Showing 1 changed file with 21 additions and 5 deletions.
diff --git a/assets/scss/common/_variables.scss b/assets/scss/common/_variables.scss
@@ -225,43 +225,59 @@ body .docs-sidebar {
   border-right: 1px solid $terraswap-lighten;
 }
 
-body pre code::-webkit-scrollbar-thumb {
-  background: $terraswap-primary;
+body pre code {
+  scrollbar-width: thin;
+  scrollbar-color: $terraswap-primary transparent;
 }
 
 body pre code:hover {
   scrollbar-width: thin;
   scrollbar-color: $terraswap-primary transparent;
 }
 
+body pre code::-webkit-scrollbar-thumb {
+  background: $terraswap-primary;
+  border-radius: 30px;
+}
+
 body pre code::-webkit-scrollbar-thumb:hover {
   background: $terraswap-primary;
+  border-radius: 30px;
 }
 
 body .docs-links,
 body .docs-toc {
   scrollbar-width: thin;
-  scrollbar-color: $terraswap;
+  scrollbar-color: $terraswap-primary transparent;
+}
+
+body .docs-links:hover,
+body .docs-toc:hover {
+  scrollbar-width: thin;
+  scrollbar-color: $terraswap-primary transparent;
 }
 
 body .docs-links::-webkit-scrollbar-track,
 body .docs-toc::-webkit-scrollbar-track {
-  background: $terraswap;
+  background: transparent;
 }
 
 body .docs-links::-webkit-scrollbar-thumb,
 body .docs-toc::-webkit-scrollbar-thumb {
-  background: $terraswap;
+  background: $terraswap-primary;
+  border-radius: 30px;
 }
 
 body .docs-links:hover::-webkit-scrollbar-thumb,
 body .docs-toc:hover::-webkit-scrollbar-thumb {
   background: $terraswap-primary;
+  border-radius: 30px;
 }
 
 body .docs-links::-webkit-scrollbar-thumb:hover,
 body .docs-toc::-webkit-scrollbar-thumb:hover {
   background: $terraswap-primary;
+  border-radius: 30px;
 }