Rail: Tags sit below the other nav items (#5915)
CI & Build / Python lint (push) Successful in 2s
CI & Build / Build now, or wait for Android? (push) Successful in 2s
Android / Build, or is the channel already serving this? (push) Successful in 3s
Android / Core and FFI clippy and tests (push) Skipped
Android / Kotlin + Rust (APK) (push) Skipped
Android / Build the server image (push) Skipped
Desktop (Tauri) / Build, or is the channel already serving this? (push) Successful in 3s
CI & Build / Web typecheck and unit tests (push) Successful in 9s
CI & Build / Python tests (push) Successful in 11s
CI & Build / integration (push) Successful in 1m35s
Desktop (Tauri) / Web tests, clippy, Rust tests and rustfmt (push) Successful in 2m9s
CI & Build / Build & push image (push) Successful in 49s
Desktop (Tauri) / Windows installer (cross-compiled) (push) Successful in 2m23s
Desktop (Tauri) / Tauri desktop (Linux) (push) Successful in 3m6s
Desktop (Tauri) / Update manifest (push) Successful in 4s

Tags is the one list in the rail that grows without limit, so everything
with a fixed place goes above it and stays put.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-16 13:38:49 -04:00
co-authored by Claude Opus 5.5
parent 8d67fc0da5
commit c63375b092
+25 -23
View File
@@ -395,6 +395,31 @@ async function signOut() {
<Icon name="note" /> Notes
</RouterLink>
<RouterLink to="/archive" class="nav-link" exact-active-class="nav-link-active">
<Icon name="archive" /> Archive
</RouterLink>
<RouterLink to="/trash" class="nav-link" exact-active-class="nav-link-active">
<Icon name="trash" /> Trash
</RouterLink>
<RouterLink
to="/reminders"
class="nav-link"
exact-active-class="nav-link-active"
>
<Icon name="bell" /> Reminders
</RouterLink>
<RouterLink
to="/timeline"
class="nav-link"
exact-active-class="nav-link-active"
>
<Icon name="calendar" /> Timeline
</RouterLink>
<ExportNotes />
<ImportNotes />
<!-- Tags last: it is the one list here that grows without limit, so
everything with a fixed place sits above it and stays put. -->
<div class="mt-3 flex items-center justify-between px-3 pb-1">
<span class="section-label">Tags</span>
<button
@@ -422,29 +447,6 @@ async function signOut() {
<span class="truncate">{{ lb.name }}</span>
</RouterLink>
<RouterLink to="/archive" class="nav-link mt-3" exact-active-class="nav-link-active">
<Icon name="archive" /> Archive
</RouterLink>
<RouterLink to="/trash" class="nav-link" exact-active-class="nav-link-active">
<Icon name="trash" /> Trash
</RouterLink>
<RouterLink
to="/reminders"
class="nav-link"
exact-active-class="nav-link-active"
>
<Icon name="bell" /> Reminders
</RouterLink>
<RouterLink
to="/timeline"
class="nav-link"
exact-active-class="nav-link-active"
>
<Icon name="calendar" /> Timeline
</RouterLink>
<ExportNotes />
<ImportNotes />
<!-- Account, settings and sign-out, for the screens where they are NOT in
the header. Four icons plus a search field never fit one phone-width
row, and the header is the wrong place to lose: it holds the only way