From 0fa86d8f572cd1aa4ae971362a68f2b8e5efd3e0 Mon Sep 17 00:00:00 2001
From: Marius <gilberg@gmail.com>
Date: Sat, 18 Jul 2020 00:19:11 +0200
Subject: [PATCH] fixed scrolling

---
 CSS/themes/pihole/pihole-base.css | 57 +++++++++++++------------------
 1 file changed, 23 insertions(+), 34 deletions(-)

diff --git a/CSS/themes/pihole/pihole-base.css b/CSS/themes/pihole/pihole-base.css
index f7cf2141..8a62848e 100644
--- a/CSS/themes/pihole/pihole-base.css
+++ b/CSS/themes/pihole/pihole-base.css
@@ -47,7 +47,7 @@ a:hover, a:active, a:focus,
     }
 /* Header */
     .skin-blue .main-header .navbar, .skin-blue .main-header .logo,
-    .main-header .navbar {
+    .main-header .navbar,.main-header .logo {
         background-color: rgba(0, 0, 0, .25);
     }
     .skin-blue .main-header .logo:hover, .skin-blue .main-header .navbar .sidebar-toggle:hover,
@@ -59,7 +59,7 @@ a:hover, a:active, a:focus,
     .main-footer {
         background: rgba(0, 0, 0, .25);
         color: #eee;
-        border-top: 1px solid #eee;
+        border-top: 1px solid rgb(255 255 255 / 20%);
     }
 /* Side bar */
     .skin-blue .sidebar a {
@@ -349,36 +349,25 @@ a:hover, a:active, a:focus,
             border-color: rgb(255 255 255 / 0.25);
             box-shadow: none;
         }
-/* Scrollbar */  
-@media only screen and (min-width: 768px) {  
-  html {
-      height: 100%;
-      width: 100%;
-      overflow: hidden;
-  }
-  body {
-      overflow-y: auto;
-      height: 100%;
-      background: var(--main-bg-color)
-  }
+/* Scrollbar   */
+  
+::-webkit-scrollbar {
+    width: 0px;
 }
-  ::-webkit-scrollbar {
-      width: 14px;
-  }
-  ::-webkit-scrollbar-thumb {
-      min-height: 50px;
-      border: 3px solid transparent;
-      border-radius: 8px;
-      background-color: hsla(0,0%,100%,.2);
-      background-clip: padding-box;
-  }
-  ::-webkit-scrollbar-track {
-      background-color: transparent;
-  }
-  ::-webkit-scrollbar-thumb:hover {
-      min-height: 50px;
-      border: 3px solid transparent;
-      border-radius: 8px;
-      background-color: hsla(0,0%,100%,.5);
-      background-clip: padding-box;
-  }  
\ No newline at end of file
+::-webkit-scrollbar-thumb {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0,0%,100%,.2);
+    background-clip: padding-box;
+}
+::-webkit-scrollbar-track {
+    background: var(--main-bg-color);
+}
+::-webkit-scrollbar-thumb:hover {
+    min-height: 50px;
+    border: 3px solid transparent;
+    border-radius: 8px;
+    background-color: hsla(0,0%,100%,.5);
+    background-clip: padding-box;
+}
\ No newline at end of file