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>