refac: scrollbar styling

dc412d21 · Timothy J. Baek · 96d9d344 · dc412d21
Commit dc412d21 authored May 01, 2024 by Timothy J. Baek
Show whitespace changes
Inline Side-by-side

Showing with 6 additions and 6 deletions

src/lib/components/layout/Sidebar.svelte src/lib/components/layout/Sidebar.svelte +6 -6

No files found.
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -854,12 +854,12 @@
 </div>

 <style>
-	.scrollbar-none::-webkit-scrollbar {
-		display: none; /* for Chrome, Safari and Opera */
+	.scrollbar-none:active::-webkit-scrollbar-thumb,
+	.scrollbar-none:focus::-webkit-scrollbar-thumb,
+	.scrollbar-none:hover::-webkit-scrollbar-thumb {
+		visibility: visible;
 	}
-
-	.scrollbar-none {
-		-ms-overflow-style: none; /* IE and Edge */
-		scrollbar-width: none; /* Firefox */
+	.scrollbar-none::-webkit-scrollbar-thumb {
+		visibility: hidden;
 	}
 </style>