Header and right column: emphasis in the right places #185

New issue

Closed

opened 2026-10-20 11:20:58 +00:00 by littlefox · 1 comment

littlefox commented

2026-10-20 11:20:58 +00:00

Owner

From Claude's review (D-052, Claude's points 5–6):

Header: "Logga ut" is the filled, most prominent button (desktop and phone). "Nytt inlägg" should be; logout goes in a menu under your name (with the profile, #179).
The raw server address (ws://127.0.0.1:4895) and "TLS från reläet" in the header mean nothing to most people: one connection indicator that explains itself on click.
Right column is a grab bag (saved posts, who's online with a manual "Uppdatera", "Vad gör du?", an always-open chat form, events). Make it sections that fold, with who's-online updating by itself.

From Claude's review (D-052, Claude's points 5–6): - Header: "Logga ut" is the filled, most prominent button (desktop and phone). "Nytt inlägg" should be; logout goes in a menu under your name (with the profile, #179). - The raw server address (`ws://127.0.0.1:4895`) and "TLS från reläet" in the header mean nothing to most people: one connection indicator that explains itself on click. - Right column is a grab bag (saved posts, who's online with a manual "Uppdatera", "Vad gör du?", an always-open chat form, events). Make it sections that fold, with who's-online updating by itself.

littlefox added this to the 0.5: Smooth edges milestone

2026-10-20 11:20:58 +00:00

littlefox added the

area/ui

kind/feature

labels

2026-10-20 11:20:58 +00:00

littlefox referenced this issue from a pull request that will close it,

2026-10-20 20:53:31 +00:00

Put the header and side column in order #209

littlefox referenced this issue from a commit

2026-10-20 20:53:33 +00:00

Put the header and side column in order

littlefox referenced this issue from a commit

2026-10-20 20:53:33 +00:00

Update the reference images for the new header

littlefox referenced this issue

2026-10-20 21:45:41 +00:00

Show what's waiting in the empty reader #211

littlefox closed this issue

2026-10-20 22:53:18 +00:00

littlefox commented

2026-10-20 23:23:08 +00:00

Author

Owner

Merged via #212 (main run #365 green, CI and e2e on desktop/android/iphone). Verified: the header has one Connection button with a popover (server, TLS/relay state) in place of the security badge and server text; "Nytt inlägg" is primary and Settings/Logga ut are secondary; side column sections fold with FoldHead (state remembered), and who-is-on refreshes every 60 s with Uppdatera in the section head. Spec: side-column.spec.ts; visual references updated and reviewed.

Merged via #212 (main run #365 green, CI and e2e on desktop/android/iphone). Verified: the header has one Connection button with a popover (server, TLS/relay state) in place of the security badge and server text; "Nytt inlägg" is primary and Settings/Logga ut are secondary; side column sections fold with FoldHead (state remembered), and who-is-on refreshes every 60 s with Uppdatera in the section head. Spec: `side-column.spec.ts`; visual references updated and reviewed.