fixing scrollbar issue

thedevdojo · Oct 9, 2023 · 10b5594 · 10b5594
1 parent 7bce9ac
commit 10b5594
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -2,4 +2,14 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Add Your Custom CSS Here */
+/* Add Your Custom CSS Here */
+
+.no-scrollbar::-webkit-scrollbar {
+    display: none;
+  }
+
+  /* Hide scrollbar for IE, Edge and Firefox */
+  .no-scrollbar {
+    -ms-overflow-style: none;  /* IE and Edge */
+    scrollbar-width: none;  /* Firefox */
+  }
diff --git a/pages/docs/[content].html b/pages/docs/[content].html
@@ -14,7 +14,7 @@
                 <svg :class="{ 'rotate-180' : leftSidebar }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-3 group-hover:translate-x-0.5 ease-out duration-300 h-3 mx-1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /></svg>      
                 <span>Menu</span>
             </div>
-            <div class="h-full py-5 md:py-16 px-5 md:pl-0.5 md:pr-8 xl:pr-16 overflow-scroll">
+            <div class="h-full py-5 md:py-16 px-5 md:pl-0.5 md:pr-8 xl:pr-16 overflow-scroll no-scrollbar">
                 <include src="search.html"></include>
                 <include src="docs-sidebar.html"></include>
             </div>