From 1f6fe888db6a29f20dc8ed83fc6f096874c5807c Mon Sep 17 00:00:00 2001
From: Laura Caroline <Hanawa02@users.noreply.github.com>
Date: Mon, 21 Jun 2021 14:45:11 +0200
Subject: [PATCH] Fix sidebar scrolling docs (#499)

* Allow scrolling for side bar + scroll bar styling

* Add tentative of styling for firefox
---
 examples/docs/public/index.css | 43 ++++++++++++++++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/examples/docs/public/index.css b/examples/docs/public/index.css
index 4944ddbd4..5f41eb6ed 100644
--- a/examples/docs/public/index.css
+++ b/examples/docs/public/index.css
@@ -346,6 +346,49 @@ nav h4 {
   text-decoration: none;
 }
 
+.nav-groups {
+  padding-bottom: 2rem;
+  max-height: calc(100% - 3rem);
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
 .nav-groups > li + li {
   margin-top: 2rem;  
 }
+
+/* Scrollbar */
+
+/* Firefox */
+body {
+  scrollbar-width: thin;
+  scrollbar-color: var(--theme-text-lighter) var(--theme-divider);  
+}
+
+/* width */
+::-webkit-scrollbar {
+  width: 0.5rem;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: var(--theme-divider);
+  border-radius: 1rem;
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: var(--theme-text-lighter);
+  border-radius: 1rem;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: var(--theme-text-light);
+}
+
+/* Buttons */
+::-webkit-scrollbar-button {
+  display: none;
+}
+/* Scrollbar - End */
\ No newline at end of file