make consistent scrollbar across all pages, closes KiranAminPanjwani#101

mdtausifiqbal · Oct 17, 2023 · f6786be · f6786be
1 parent 4274f89
commit f6786be
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 0 deletions.
diff --git a/contactUs.html b/contactUs.html
@@ -15,6 +15,7 @@
             crossorigin="anonymous" />
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
 
+        <link rel="stylesheet" href="./css/common.css" />
         <link rel="stylesheet" href="./css/style.css" />
         <!-- Your custom CSS file -->
         <link rel="stylesheet" href="./css/contactus.css" />

diff --git a/css/common.css b/css/common.css
@@ -0,0 +1,20 @@
+body {
+    scrollbar-width: thin;
+    scrollbar-color: #b40c57 #bf3370;
+    overflow-x: hidden;
+}
+
+body::-webkit-scrollbar {
+    width: 10px;
+}
+
+body::-webkit-scrollbar-thumb {
+    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
+    border-radius: 6px;
+    opacity: 0.7;
+}
+
+body::-webkit-scrollbar-thumb:hover {
+    background: linear-gradient(-45deg, #f68a69, #f576a7, #7bd4f5, #70f6d7);
+    opacity: 1;
+}
diff --git a/login.html b/login.html
@@ -16,6 +16,7 @@
             integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
             crossorigin="anonymous" />
 
+        <link rel="stylesheet" href="./css/common.css" />
         <link rel="stylesheet" href="./css/sign up.css" />
         <!-- Your custom CSS file -->
     </head>

diff --git a/sign up.html b/sign up.html
@@ -15,6 +15,7 @@
             integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
             crossorigin="anonymous" />
 
+        <link rel="stylesheet" href="./css/common.css" />
         <link rel="stylesheet" href="./css/sign up.css" />
         <!-- Your custom CSS file -->
     </head>