From c1d72960b7826c5178148b33bc92a0dc852ca254 Mon Sep 17 00:00:00 2001
From: JFH <20402845+jfhenon@users.noreply.github.com>
Date: Thu, 19 Aug 2021 11:36:49 +0200
Subject: [PATCH] customize left scroll bar

---
 src/editor/svgedit.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/editor/svgedit.css b/src/editor/svgedit.css
index 42084502..10269450 100644
--- a/src/editor/svgedit.css
+++ b/src/editor/svgedit.css
@@ -330,8 +330,26 @@ hr {
   grid-area: left;
   border-right: none;
   overflow-y: scroll;
+  /* Works on Firefox */
+  scrollbar-width: 3px;
+  scrollbar-color: rgb(70, 70, 70) auto;
 }
 
+/* Scrollbar styling on Chrome, Edge, and Safari */
+#tools_left::-webkit-scrollbar {
+  width: 3px;
+}
+
+#tools_left::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+#tools_left::-webkit-scrollbar-thumb {
+  background-color:rgb(70, 70, 70);
+}
+
+/* End scrollbar styling */
+
 /*—————————————————————————————*/
 
 #workarea.wireframe #svgcontent * {