commit 1be854d2fc023a3b6b66bb55e35807448171b6aa
author Aemie <aemie.j@hotmail.co.uk> Thu Jul 16 08:44:04 2020 +0530
committer Zoran Regvart <zoran@regvart.com> Tue Jul 21 01:01:05 2020 +0200
tree 7293e74a67e1213c9bfae9b9f217e3758b9faa5d
parent 1b3ac772d5a140ec137ebbd2ba34e7a649256ac4

feat: add custom scrollbar for toc-menu

antora-ui-camel/src/css/main.css

diff --git a/antora-ui-camel/src/css/main.css b/antora-ui-camel/src/css/main.css
index 0bc467e..1f102df 100644
--- a/antora-ui-camel/src/css/main.css
+++ b/antora-ui-camel/src/css/main.css
@@ -25,13 +25,26 @@
   }
 
   .toc.sidebar .toc-menu ul {
-    -ms-overflow-style: none; /* Internet Explorer 10+ */
-    scrollbar-width: none; /* Firefox */
+    scrollbar-width: thin; /* Firefox */
   }
 
   .toc.sidebar .toc-menu ul::-webkit-scrollbar {
-    width: 0;
-    background: transparent;  /* Chrome/Safari/Webkit */
+    width: var(--scrollbar-thickness); /* Chrome/Safari/Webkit */
+  }
+
+  .toc.sidebar .toc-menu ul::-webkit-scrollbar-track {
+    background: var(--scrollbar-track-color);
+    border-radius: var(--scrollbar-radius);
+  }
+
+  .toc.sidebar .toc-menu ul::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb-color);
+    border-radius: var(--scrollbar-radius);
+  }
+
+  .toc.sidebar .toc-menu ul::-webkit-scrollbar-thumb:hover,
+  .toc.sidebar .toc-menu ul::-webkit-scrollbar-thumb:active {
+    background: var(--scrollbar-thumb-active-color);
   }
 }