Merge pull request #602 from RadhikaMalpani1702/main

Added Vertical ScrollBar Across All Pages
ChromeGaming · Jul 24, 2024 · 49e2b78 · 49e2b78
2 parents abecde0 + e3324a3
commit 49e2b78
Show file tree

Hide file tree

Showing 6 changed files with 62 additions and 4 deletions.
diff --git a/pages/about.html b/pages/about.html
@@ -31,6 +31,18 @@
       flex-direction: column;
     }
 
+    ::-webkit-scrollbar
+        {
+            width: 8px !important;
+        }
+        ::-webkit-scrollbar-thumb{
+            background-color: rgba(231, 181, 55, 0.979) !important;
+            border-radius: 15px !important;
+        }
+        ::-webkit-scrollbar-track{
+            background-color: black !important;
+        }
+
     main {
       flex: 1;
       padding: 20px;

diff --git a/pages/contributors.html b/pages/contributors.html
@@ -40,6 +40,7 @@
       font-family: Arial, sans-serif;
       overflow: auto !important;
       background-color: #e7b537 !important;
+      overflow-x: hidden !important; /* Hide horizontal scrollbar */
     }
 
     .header-hero {
@@ -255,10 +256,17 @@
       background-position: center;
     }
 
-    /* Scrollbar styling */
-    ::-webkit-scrollbar {
-      display: none;
-    }
+    ::-webkit-scrollbar
+        {
+            width: 8px;
+        }
+        ::-webkit-scrollbar-thumb{
+            background-color: rgba(255, 217, 121, 0.979);
+            border-radius: 15px;
+        }
+        ::-webkit-scrollbar-track{
+            background-color: black;
+        }
 
     /* Responsive adjustments */
     @media (max-width: 768px) {

diff --git a/pages/howtoplay.html b/pages/howtoplay.html
@@ -28,6 +28,14 @@
             pointer-events: none;
             z-index: 9999;
         }
+        ::-webkit-scrollbar
+        {
+            width: 8px;
+        }
+        ::-webkit-scrollbar-thumb{
+            background-color: rgba(231, 181, 55, 0.979);
+            border-radius: 15px;
+        }
 
         @media (max-width : 768px){
       .circle-container{

diff --git a/pages/licensing.html b/pages/licensing.html
@@ -29,6 +29,15 @@
             z-index: 9999;
         } 
 
+        ::-webkit-scrollbar
+        {
+            width: 8px;
+        }
+        ::-webkit-scrollbar-thumb{
+            background-color: rgba(231, 181, 55, 0.979);
+            border-radius: 15px;
+        }
+
         @media (max-width : 768px){
       .circle-container{
         display: none;

diff --git a/pages/privacypolicy.html b/pages/privacypolicy.html
@@ -29,6 +29,18 @@
             z-index: 9999;
         } 
 
+        ::-webkit-scrollbar
+        {
+            width: 8px;
+        }
+        ::-webkit-scrollbar-thumb{
+            background-color: rgba(231, 181, 55, 0.979);
+            border-radius: 15px;
+        }
+        ::-webkit-scrollbar-track{
+            background-color: black;
+        }
+
         @media (max-width : 768px){
       .circle-container{
         display: none;

diff --git a/pages/termsofservice.html b/pages/termsofservice.html
@@ -29,6 +29,15 @@
             z-index: 9999;
         } 
 
+        ::-webkit-scrollbar
+        {
+            width: 8px;
+        }
+        ::-webkit-scrollbar-thumb{
+            background-color: rgba(231, 181, 55, 0.979);
+            border-radius: 15px;
+        }
+
         @media (max-width : 768px){
       .circle-container{
         display: none;