fix(#389): admin drill-in actually drills in; topic list per mockup; phone topic header cleanup #527

Merged

Cordy merged 2 commits from fix-389h into main

2026-09-14 00:04:04 +00:00

Cordy commented

2026-09-14 00:02:54 +00:00

Owner

From the admin screenshot on the real phone:

Drill-in didn't drill: #admtopics was display:block at ≤819 unconditionally, so tapping a topic kept the list on top and appended the topic panel below it — off-screen, looking like nothing opened. Now gated on body[data-admlist]: list mode shows only the list, a topic shows only its page, #admback returns to the list.
List per the mockup's .atl recipe: one grouped panel (rounded, overflow hidden), tinted uppercase section bands, 48px rows divided by hairlines, trailing › chevron — replacing the one-card-per-topic look.
Topic page header: back + title only at phone width — the breadcrumb (repeats the title) and the desktop Exit-to-files button hide; the tab bar is the exit since wave D.

All inside the existing ≤819 fence; fence gate + node --check green.

From the admin screenshot on the real phone: 1. **Drill-in didn't drill:** `#admtopics` was `display:block` at ≤819 unconditionally, so tapping a topic kept the list on top and appended the topic panel below it — off-screen, looking like nothing opened. Now gated on `body[data-admlist]`: list mode shows only the list, a topic shows only its page, `#admback` returns to the list. 2. **List per the mockup's `.atl` recipe:** one grouped panel (rounded, overflow hidden), tinted uppercase section bands, 48px rows divided by hairlines, trailing `›` chevron — replacing the one-card-per-topic look. 3. **Topic page header:** back + title only at phone width — the breadcrumb (repeats the title) and the desktop Exit-to-files button hide; the tab bar is the exit since wave D. All inside the existing ≤819 fence; fence gate + `node --check` green.

Cordy added 2 commits

2026-09-14 00:02:55 +00:00

one-shot: #389 - drill-in list gating, grouped-panel topic list, phone topic header cleanup 61e52e59a7

fix(#389 ): admin drill-in actually drills in; topic list per mockup; phone topic header cleanup

ci / test-and-build (pull_request) Successful in 57s

Details

7ad922ee41

The phone topic list was display:block at <=819 unconditionally, so
tapping a topic kept the list in place and appended the topic panel
below it - off-screen, looking like the tap did nothing. The list is
now gated on body[data-admlist], so list mode shows only the list
and a topic shows only its page, with the header back affordance
returning to the list.

The list itself takes the mockup's .atl recipe: a single grouped
panel (rounded, overflow hidden) with tinted uppercase section
bands, 48px rows divided by hairlines, and a trailing chevron per
row - replacing the earlier one-card-per-topic look.

Topic pages at phone width show back + title only: the breadcrumb
(which repeats the title) and the desktop Exit-to-files button hide;
leaving admin is what the tab bar does since wave D.

All inside the existing <=819 fence; gate re-verified.

Cordy scheduled this pull request to auto merge when all checks succeed

2026-09-14 00:03:05 +00:00