From 7d01246c667c87b46dca5f7c1139954b5eb9f2ab Mon Sep 17 00:00:00 2001
From: VishnuGurrapu <gurrapuvishnu20@gmail.com>
Date: Wed, 23 Oct 2024 10:56:46 +0530
Subject: [PATCH] issue #640 fixed

scroll bar width fixed
---
 .vscode/launch.json | 15 +++++++++++++++
 preloaderStyle.css  | 31 ++++++++++++++-----------------
 2 files changed, 29 insertions(+), 17 deletions(-)
 create mode 100644 .vscode/launch.json

diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000..2ba986f
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:8080",
+            "webRoot": "${workspaceFolder}"
+        }
+    ]
+}
\ No newline at end of file
diff --git a/preloaderStyle.css b/preloaderStyle.css
index 26a444c..c2bad07 100644
--- a/preloaderStyle.css
+++ b/preloaderStyle.css
@@ -1,32 +1,29 @@
-/* Scroll Bar Styling */
-::-webkit-scrollbar{
-    width: 0.8em;
+::-webkit-scrollbar {
+    width: 4px;
 }
-::-webkit-scrollbar-track{
+
+::-webkit-scrollbar-track {
     background: transparent;
     border-radius: 100vw;
-    margin-block:.5em ;
-    scroll-behavior:smooth;
+    margin-block: 0.5em;
 }
-::-webkit-scrollbar-thumb{
-    background-color:#3a383cc7 ;
+
+::-webkit-scrollbar-thumb {
+    background-color: #3a383cc7;
     border-radius: 10vw;
-} 
-@supports (scrollbar-color:#3a383cc7){
-    *{
-        scrollbar-color:#3a383cc7 ;
+}
+@supports (scrollbar-color: #3a383cc7) {
+    * {
+        scrollbar-width: thin;
+        scrollbar-color: #3a383cc7 transparent;
     }
 }
 
-/* preloader styling */
+/* Preloader styling */
 *, *:before, *:after {
-
     box-sizing: border-box;
-
     margin: 0;
-
     padding: 0;
-
 }
 
 #preloader{