coracle/flotilla
1
4
Fork 10
Code Issues 31 Pull Requests 1 Actions Packages Projects 5 Releases Wiki Activity

fix scrolling in sidebar

Browse Source
This commit is contained in:
Jon Staab
2024-11-21 14:25:57 -08:00
parent e83a72b426
commit 603653574c
2 changed files with 35 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/MenuSpace.svelte
+34 -32
View File
@@ -69,7 +69,7 @@
</script> </script>
<div bind:this={element}> <div bind:this={element}>
<SecondaryNavSection> <SecondaryNavSection class="max-h-screen">
<div> <div>
<SecondaryNavItem class="w-full !justify-between" on:click={openMenu}> <SecondaryNavItem class="w-full !justify-between" on:click={openMenu}>
<strong>{displayRelayUrl(url)}</strong> <strong>{displayRelayUrl(url)}</strong>
@@ -109,37 +109,39 @@
</Popover> </Popover>
{/if} {/if}
</div> </div>
<SecondaryNavItem href={makeSpacePath(url)}> <div class="min-h-0 overflow-auto">
<Icon icon="home-smile" /> Home <SecondaryNavItem href={makeSpacePath(url)}>
</SecondaryNavItem> <Icon icon="home-smile" /> Home
<SecondaryNavItem href={threadsPath} notification={$threadsNotification}>
<Icon icon="notes-minimalistic" /> Threads
</SecondaryNavItem>
<div class="h-2" />
<SecondaryNavHeader>Your Rooms</SecondaryNavHeader>
<MenuSpaceRoomItem {url} room={GENERAL} />
{#each rooms as room, i (room)}
<MenuSpaceRoomItem {url} {room} />
{/each}
{#if otherRooms.length > 0}
<div class="h-2" />
<SecondaryNavHeader>
{#if rooms.length > 0}
Other Rooms
{:else}
Rooms
{/if}
</SecondaryNavHeader>
{/if}
{#each otherRooms as room, i (room)}
<SecondaryNavItem href={makeSpacePath(url, room)}>
<Icon icon="hashtag" />
{room}
</SecondaryNavItem> </SecondaryNavItem>
{/each} <SecondaryNavItem href={threadsPath} notification={$threadsNotification}>
<SecondaryNavItem on:click={addRoom}> <Icon icon="notes-minimalistic" /> Threads
<Icon icon="add-circle" /> </SecondaryNavItem>
Create room <div class="h-2" />
</SecondaryNavItem> <SecondaryNavHeader>Your Rooms</SecondaryNavHeader>
<MenuSpaceRoomItem {url} room={GENERAL} />
{#each rooms as room, i (room)}
<MenuSpaceRoomItem {url} {room} />
{/each}
{#if otherRooms.length > 0}
<div class="h-2" />
<SecondaryNavHeader>
{#if rooms.length > 0}
Other Rooms
{:else}
Rooms
{/if}
</SecondaryNavHeader>
{/if}
{#each otherRooms as room, i (room)}
<SecondaryNavItem href={makeSpacePath(url, room)}>
<Icon icon="hashtag" />
{room}
</SecondaryNavItem>
{/each}
<SecondaryNavItem on:click={addRoom}>
<Icon icon="add-circle" />
Create room
</SecondaryNavItem>
</div>
</SecondaryNavSection> </SecondaryNavSection>
</div> </div>
src/lib/components/SecondaryNavSection.svelte
+1 -1
View File
@@ -1,3 +1,3 @@
<div class="flex flex-col gap-1 px-2 py-4"> <div class="flex flex-col gap-1 px-2 py-4 {$$props.class}">
<slot /> <slot />
</div> </div>