From 4281ab18f15d04c8653f531699aa19b71730ab06 Mon Sep 17 00:00:00 2001
From: Marius <gilberg@gmail.com>
Date: Sun, 12 Jul 2020 11:49:09 +0200
Subject: [PATCH] peehole: scrollbar

---
 CSS/themes/pihole/pihole-base.css | 35 ++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/CSS/themes/pihole/pihole-base.css b/CSS/themes/pihole/pihole-base.css
index e26a90a2..e5ea4006 100644
--- a/CSS/themes/pihole/pihole-base.css
+++ b/CSS/themes/pihole/pihole-base.css
@@ -264,4 +264,37 @@
           background:#080909;
           border:1px solid #666;
           color:#b2b2b2;
-      }
\ No newline at end of file
+      }
+  /* 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)
+    }
+}
+    ::-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