From 7f0b72d6eeac3c66cfb115b4be9e8061af814025 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Wed, 30 Apr 2025 23:54:23 -0500
Subject: [PATCH] Hide scrollbar in admin nav

---
 src/cmdk/CommandKClient.tsx       | 1 +
 src/components/EnvVar.tsx         | 1 -
 src/components/useMaskedScroll.ts | 2 +-
 src/photo/PhotoGridPageClient.tsx | 1 -
 src/photo/PhotoLarge.tsx          | 6 +-----
 src/share/ShareModal.tsx          | 1 -
 6 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/cmdk/CommandKClient.tsx b/src/cmdk/CommandKClient.tsx
index ca502bca..5b81f1ca 100644
--- a/src/cmdk/CommandKClient.tsx
+++ b/src/cmdk/CommandKClient.tsx
@@ -169,6 +169,7 @@ export default function CommandKClient({
   const { styleMask, updateMask } = useMaskedScroll({
     ref: refScroll,
     updateMaskOnEvents: false,
+    hideScrollbar: false,
   });
   
   // Manage action/path waiting state
diff --git a/src/components/EnvVar.tsx b/src/components/EnvVar.tsx
index 0ede9674..b4ecf96b 100644
--- a/src/components/EnvVar.tsx
+++ b/src/components/EnvVar.tsx
@@ -26,7 +26,6 @@ export default function EnvVar({
         'overflow-y-hidden',
         className,
       )}
-      hideScrollbar
     >
       <span className="inline-flex items-center gap-1">
         <span className={clsx(
diff --git a/src/components/useMaskedScroll.ts b/src/components/useMaskedScroll.ts
index 61aef479..0999f5a2 100644
--- a/src/components/useMaskedScroll.ts
+++ b/src/components/useMaskedScroll.ts
@@ -14,7 +14,7 @@ export default function useMaskedScroll({
   direction = 'vertical',
   fadeSize = 24,
   animationDuration = 0.3,
-  hideScrollbar,
+  hideScrollbar = true,
   // Disable when calling 'updateMask' explicitly
   updateMaskOnEvents = true,
   scrollToEndOnMount,
diff --git a/src/photo/PhotoGridPageClient.tsx b/src/photo/PhotoGridPageClient.tsx
index 95208af3..3bdc1bcd 100644
--- a/src/photo/PhotoGridPageClient.tsx
+++ b/src/photo/PhotoGridPageClient.tsx
@@ -41,7 +41,6 @@ export default function PhotoGridPageClient({
             'max-h-screen py-4',
           )}
           fadeSize={100}
-          hideScrollbar
         >
           <PhotoGridSidebar {...{
             ...categories,
diff --git a/src/photo/PhotoLarge.tsx b/src/photo/PhotoLarge.tsx
index b343d5e2..394c14bd 100644
--- a/src/photo/PhotoLarge.tsx
+++ b/src/photo/PhotoLarge.tsx
@@ -287,11 +287,7 @@ export default function PhotoLarge({
       classNameSide="relative"
       contentSide={
         <div className="md:absolute inset-0 -mt-1">
-          <MaskedScroll
-            className="sticky top-4 self-start"
-            fadeSize={36}
-            hideScrollbar
-          >
+          <MaskedScroll className="sticky top-4 self-start">
             <DivDebugBaselineGrid className={clsx(
               'grid grid-cols-2 md:grid-cols-1',
               'gap-x-0.5 sm:gap-x-1 gap-y-baseline',
diff --git a/src/share/ShareModal.tsx b/src/share/ShareModal.tsx
index 4ffa9121..12d5edba 100644
--- a/src/share/ShareModal.tsx
+++ b/src/share/ShareModal.tsx
@@ -87,7 +87,6 @@ export default function ShareModal({
               direction="horizontal"
               fadeSize={50}
               scrollToEndOnMount
-              hideScrollbar
             >
               <div className="whitespace-nowrap px-2 sm:px-3">
                 {shortenUrl(pathShare)}