matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

chore: hide space menu scrollbars while keeping scroll. (#328)

Browse source 
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>
This commit is contained in:
Aditya Chaudhary 2026-07-21 18:06:46 +00:00 committed by hodlbod
parent 2d6810725f
commit 37e6dd6b7d
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/app/components/SpaceMenu.svelte
View file

@ -367,7 +367,8 @@
<div class="shrink-0"> <div class="shrink-0">
{@render spaceHeader()} {@render spaceHeader()}
</div> </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 spaceNavItems()}
{@render spaceRooms()} {@render spaceRooms()}
<div class="h-5 shrink-0"></div> <div class="h-5 shrink-0"></div>

11
src/lib/components/space-menu.css
View file

@ -1,4 +1,13 @@
@layer components { @layer components {
.space-menu__scroll {
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
}
@media (max-width: 768px) { @media (max-width: 768px) {
.secondary-nav--mobile-space { .secondary-nav--mobile-space {
@apply mt-sai bg-backdrop mb-0 w-full max-w-full grow border-0; @apply mt-sai bg-backdrop mb-0 w-full max-w-full grow border-0;
@ -72,7 +81,7 @@
} }
.space-menu__scroll { .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 { .space-menu__status {