From 85a279876379f816bc06bdc29276391e01105a4b Mon Sep 17 00:00:00 2001
From: Martin Allien <martin@allien.work>
Date: Mon, 21 Jun 2021 15:10:42 +0200
Subject: [PATCH] scrollbars: fix styling in Chrome

---
 assets/scss/layouts/_sidebar.scss             | 39 ++++++-------------
 ...s_1920d2ec1ff1120c91690141d2072447.content | 19 +++++----
 2 files changed, 20 insertions(+), 38 deletions(-)

diff --git a/assets/scss/layouts/_sidebar.scss b/assets/scss/layouts/_sidebar.scss
index dbb412a..24fa887 100644
--- a/assets/scss/layouts/_sidebar.scss
+++ b/assets/scss/layouts/_sidebar.scss
@@ -11,36 +11,19 @@
   }
 }
 
-.docs-links::-webkit-scrollbar,
-.docs-toc::-webkit-scrollbar {
-  width: 5px;
+.docs-links,
+.docs-toc {
+  &::-webkit-scrollbar { width: 5px; }
+  &::-webkit-scrollbar-track { background: transparent; }
+  &::-webkit-scrollbar-thumb { background: transparent; }
+  &:hover {
+    scrollbar-width: thin;
+    scrollbar-color: var(--text-light) var(--bg-muted);
+    &::-webkit-scrollbar-track { background: var(--bg-muted); }
+    &::-webkit-scrollbar-thumb { background: var(--text-light); border-radius: var(--radius); }
+  }
 }
 
-.docs-links::-webkit-scrollbar-track,
-.docs-toc::-webkit-scrollbar-track {
-  background: $white;
-}
-
-.docs-links::-webkit-scrollbar-thumb,
-.docs-toc::-webkit-scrollbar-thumb {
-  background: $white;
-}
-
-.docs-links:hover,
-.docs-toc:hover {
-  scrollbar-width: thin;
-  scrollbar-color: var(--text-light) var(--bg-muted);
-}
-
-.docs-links:hover::-webkit-scrollbar-thumb,
-.docs-toc:hover::-webkit-scrollbar-thumb {
-  background: $gray-200;
-}
-
-.docs-links::-webkit-scrollbar-thumb:hover,
-.docs-toc::-webkit-scrollbar-thumb:hover {
-  background: $gray-200;
-}
 
 .docs-links h3,
 .page-links h3 {
diff --git a/resources/_gen/assets/scss/scss/app.scss_1920d2ec1ff1120c91690141d2072447.content b/resources/_gen/assets/scss/scss/app.scss_1920d2ec1ff1120c91690141d2072447.content
index 3fbcd79..85a3ec8 100644
--- a/resources/_gen/assets/scss/scss/app.scss_1920d2ec1ff1120c91690141d2072447.content
+++ b/resources/_gen/assets/scss/scss/app.scss_1920d2ec1ff1120c91690141d2072447.content
@@ -9516,24 +9516,23 @@ p.meta {
 
 .docs-links::-webkit-scrollbar-track,
 .docs-toc::-webkit-scrollbar-track {
-  background: #fff; }
+  background: transparent; }
 
 .docs-links::-webkit-scrollbar-thumb,
 .docs-toc::-webkit-scrollbar-thumb {
-  background: #fff; }
+  background: transparent; }
 
 .docs-links:hover,
 .docs-toc:hover {
   scrollbar-width: thin;
   scrollbar-color: var(--text-light) var(--bg-muted); }
-
-.docs-links:hover::-webkit-scrollbar-thumb,
-.docs-toc:hover::-webkit-scrollbar-thumb {
-  background: #e9ecef; }
-
-.docs-links::-webkit-scrollbar-thumb:hover,
-.docs-toc::-webkit-scrollbar-thumb:hover {
-  background: #e9ecef; }
+  .docs-links:hover::-webkit-scrollbar-track,
+  .docs-toc:hover::-webkit-scrollbar-track {
+    background: var(--bg-muted); }
+  .docs-links:hover::-webkit-scrollbar-thumb,
+  .docs-toc:hover::-webkit-scrollbar-thumb {
+    background: var(--text-light);
+    border-radius: var(--radius); }
 
 .docs-links h3, .docs-links .h3,
 .page-links h3,