From 37e6dd6b7d0a311103b6d63066d73b7f0dc95fb1 Mon Sep 17 00:00:00 2001
From: Aditya Chaudhary <30+useradityaa@noreply.coracle.social>
Date: Tue, 21 Jul 2026 18:06:46 +0000
Subject: [PATCH] chore: hide space menu scrollbars while keeping scroll.
 (#328)

Reviewed-on: https://gitea.coracle.social/coracle/flotilla/pulls/328
Co-authored-by: Aditya Chaudhary <30+useradityaa@noreply.coracle.social>
Co-committed-by: Aditya Chaudhary <30+useradityaa@noreply.coracle.social>
---
 src/app/components/SpaceMenu.svelte |  3 ++-
 src/lib/components/space-menu.css   | 11 ++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/app/components/SpaceMenu.svelte b/src/app/components/SpaceMenu.svelte
index d1fe3116..77405604 100644
--- a/src/app/components/SpaceMenu.svelte
+++ b/src/app/components/SpaceMenu.svelte
@@ -367,7 +367,8 @@
       <div class="shrink-0">
         {@render spaceHeader()}
       </div>
-      <div class="flex min-h-0 flex-1 flex-col gap-1 py-1 overflow-auto">
+      <div
+        class="space-menu__scroll flex min-h-0 flex-1 flex-col gap-1 overflow-x-hidden overflow-y-auto py-1">
         {@render spaceNavItems()}
         {@render spaceRooms()}
         <div class="h-5 shrink-0"></div>
diff --git a/src/lib/components/space-menu.css b/src/lib/components/space-menu.css
index 5de62c89..46655c7c 100644
--- a/src/lib/components/space-menu.css
+++ b/src/lib/components/space-menu.css
@@ -1,4 +1,13 @@
 @layer components {
+  .space-menu__scroll {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
   @media (max-width: 768px) {
     .secondary-nav--mobile-space {
       @apply mt-sai bg-backdrop mb-0 w-full max-w-full grow border-0;
@@ -72,7 +81,7 @@
     }
 
     .space-menu__scroll {
-      @apply min-h-0 flex-1 gap-3 overflow-y-auto;
+      @apply min-h-0 flex-1 gap-3 overflow-x-hidden overflow-y-auto;
     }
 
     .space-menu__status {