account + admin: scrollable nav rail + staff-console footer (Account dashboard, Sign out) #19

Merged

Cordy merged 6 commits from feat/nav-scroll into main

2026-08-26 22:45:53 +00:00

Cordy commented

2026-08-26 22:45:41 +00:00

Owner

Both requests for the swisscairn.ch account/staff pages.

Scrollable nav rail

account.html: .side becomes a sticky, full-height flex column — the nav (.snav) scrolls on its own (flex:1; overflow) and the footer pins at the bottom, so the whole page no longer scrolls to reach nav items.
admin.html: aside.side (already sticky+height) converted to a flex column so the nav scrolls and a footer can pin. Same pattern Cairn's admin rail uses.
Mobile untouched: the @media(max-width:900px) drawer overrides position to fixed; the added flex/overflow rules just make the drawer well-behaved too.

Staff-console footer (admin.html)

The staff console had no way back or out. Added a pinned footer at the bottom of the rail:

← Account dashboard → account.html
Sign out → clears the session token/email and returns to enter.html (admin had no sign-out at all before; added signOut() + a delegated click handler since the rail re-renders per route).

Anchored splices (assert count==1 each); node --check passes on both pages' scripts.

Both requests for the swisscairn.ch account/staff pages. ## Scrollable nav rail - **account.html**: `.side` becomes a sticky, full-height flex column — the nav (`.snav`) scrolls on its own (`flex:1; overflow`) and the footer pins at the bottom, so the whole page no longer scrolls to reach nav items. - **admin.html**: `aside.side` (already sticky+height) converted to a flex column so the nav scrolls and a footer can pin. Same pattern Cairn's admin rail uses. - Mobile untouched: the `@media(max-width:900px)` drawer overrides `position` to `fixed`; the added flex/overflow rules just make the drawer well-behaved too. ## Staff-console footer (admin.html) The staff console had no way back or out. Added a pinned footer at the bottom of the rail: - **← Account dashboard** → `account.html` - **Sign out** → clears the session token/email and returns to `enter.html` (admin had no sign-out at all before; added `signOut()` + a delegated click handler since the rail re-renders per route). Anchored splices (assert count==1 each); `node --check` passes on both pages' scripts.

Cordy added 6 commits

2026-08-26 22:45:42 +00:00