From 96bdea5557378b6ba47bb059e45a42bb9a491986 Mon Sep 17 00:00:00 2001
From: shahanneda <shahan.neda@gmail.com>
Date: Tue, 27 Dec 2022 03:46:36 -0500
Subject: [PATCH] Add custom scroll bar styles

---
 components/Header.module.css |  3 +--
 pages/_app.css               | 17 ++++++++++++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/components/Header.module.css b/components/Header.module.css
index 5ec72d4..7dc19ce 100644
--- a/components/Header.module.css
+++ b/components/Header.module.css
@@ -33,8 +33,7 @@
 
 .sideBarShown {
   composes: sideBarCommon;
-  /* -1% to hide slight line tip showing in some browsers */
-  transform: translateX(-1%);
+  transform: translateX(0);
 }
 
 .sideBarHidden {
diff --git a/pages/_app.css b/pages/_app.css
index d1bf82b..72dde6a 100644
--- a/pages/_app.css
+++ b/pages/_app.css
@@ -2,7 +2,8 @@ html {
   scroll-behavior: smooth;
 }
 
-html, body {
+html,
+body {
   overflow-x: hidden;
 }
 
@@ -150,4 +151,18 @@ a:hover {
     --card-background: var(--dark--card-background);
     --label: var(--dark--label);
   }
+}
+
+body::-webkit-scrollbar {
+  width: 1em;
+}
+
+body::-webkit-scrollbar-track {
+  /* box-shadow: inset 0 0 6px var(--primary-background); */
+  background: var(--card-background);
+}
+
+body::-webkit-scrollbar-thumb {
+  background-color: var(--tertiary-background);
+  /* outline: 1px solid var(--primary-accent); */
 }
\ No newline at end of file