From a75ce456cc3d426f893c5a168d1f3e792d1da820 Mon Sep 17 00:00:00 2001
From: ShaopengLin <shaopeng.lin@mail.utoronto.ca>
Date: Mon, 9 Sep 2024 03:46:43 -0400
Subject: [PATCH] Style Scroll Bar

---
 resources/js/tocStyle.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/resources/js/tocStyle.js b/resources/js/tocStyle.js
index 54d6514db..1c94e8bde 100644
--- a/resources/js/tocStyle.js
+++ b/resources/js/tocStyle.js
@@ -42,6 +42,17 @@ style.innerHTML = `
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
 }
 
+#kiwix-toc::-webkit-scrollbar {
+    width: 5px;
+    border: none;
+    outline: none;
+}
+
+#kiwix-toc::-webkit-scrollbar-thumb {
+    background-color: darkgrey;
+    outline: 1px solid slategrey;
+}
+
 #kiwix-toc-title {
     all: initial;
     display: block;