From 2baffe74fbfd6adb5ee298de23773d463df95281 Mon Sep 17 00:00:00 2001
From: Sylwester Wroblewski <swrobl@proton.me>
Date: Mon, 14 Oct 2024 11:30:07 +0200
Subject: [PATCH] Fixing ugly scrollbars in chrome

---
 css/scrollbars.css | 15 +++++++++++++++
 src/v1/app.ts      |  1 +
 2 files changed, 16 insertions(+)
 create mode 100644 css/scrollbars.css

diff --git a/css/scrollbars.css b/css/scrollbars.css
new file mode 100644
index 00000000..ad1bf08b
--- /dev/null
+++ b/css/scrollbars.css
@@ -0,0 +1,15 @@
+::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+}
+::-webkit-scrollbar-track {
+    background: transparent;
+}
+::-webkit-scrollbar-thumb {
+    background-color: rgba(155, 155, 155, 0.5);
+    border-radius: 20px;
+    border: transparent;
+}
+::-webkit-scrollbar-corner {
+    background: transparent;
+}
\ No newline at end of file
diff --git a/src/v1/app.ts b/src/v1/app.ts
index f17a4f13..157ec810 100644
--- a/src/v1/app.ts
+++ b/src/v1/app.ts
@@ -3,6 +3,7 @@ import "./../../css/contextmenu.css";
 import "golden-layout/src/css/goldenlayout-base.css";
 import "golden-layout/src/css/goldenlayout-dark-theme.css";
 import "./../../css/app.css";
+import "./../../css/scrollbars.css";
 import "jstree/dist/themes/default/style.min.css";
 import "jstree/dist/themes/default-dark/style.min.css";
 import "font-awesome/css/font-awesome.min.css";