From c068b91a73e17107f43022f8e621e04770e66c2f Mon Sep 17 00:00:00 2001
From: svensken <vladfolder@gmail.com>
Date: Fri, 4 Nov 2022 01:08:52 +0300
Subject: [PATCH] custom scrollbars

---
 src/app/components/main/sections/_global.scss |  1 +
 src/styles.scss                               | 14 ++++++++++++++
 2 files changed, 15 insertions(+)

diff --git a/src/app/components/main/sections/_global.scss b/src/app/components/main/sections/_global.scss
index a71dd8a..9d00ae9 100644
--- a/src/app/components/main/sections/_global.scss
+++ b/src/app/components/main/sections/_global.scss
@@ -7,6 +7,7 @@
     box-sizing: border-box;
     width: 100%;
     height: 100%;
+    overflow-y: auto;
     // background-color: #fff;
 
     .section-head {
diff --git a/src/styles.scss b/src/styles.scss
index ca210b2..7940735 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -38,3 +38,17 @@ button, input, textarea {
   --sk-palette-5: #3a86ff;
   --sk-overlay: rgba(0,0,0,0.5);
 }
+
+/* Works on Firefox */
+* {
+  scrollbar-width: thin;
+}
+
+*::-webkit-scrollbar {
+  width: 0.35rem;
+}
+
+*::-webkit-scrollbar-thumb {
+  background-color: rgba(255, 255, 255, 0.2);
+  border-radius: 0.5rem;
+}
\ No newline at end of file