Page tops follow-ups: pin Ward phone tabs, fix strip overlaps, tidy mock-up differences

Merged
BI
2d ago
+435-258

What this does

Follow-ups after page tops (#1581), from a QA pass over all 38 pages on a production build: phone in light and dark, and desktop.

  1. Ward phone tabs pin again. #1581 put the folder tabs inside the "This ward" section. A sticky row only pins inside its parent, so the tabs scrolled away with the section. On a phone, WardScreenTopBar now renders the tabs just after the section. A phone-only .folderTabsPinned class pins them under the header using Home's rule. Desktop and tablet keep the tabs inside the section, so they are unchanged.
  2. Bed board desktop strip no longer overlaps. "Confirmed 1 (1 also held up)" ran into "Held up 1". At 1024px and wider, band cells keep equal widths but never shrink below their words (min-width: max-content). A new HeroBand compact prop gives the board's eight-cell strip 14px gaps instead of 20px, so it fits: measured at 932px of 960 at a 1280px width. The fourth figure reads "expected", as in the spec.
  3. Alerts phone Today band lines up. On a phone, a band with any pressable cell now gives every cell the same 40px height, so "Acted on" sits level with Raised and Checking.
  4. Small mock-up differences tidied (wording, layout and CSS only):
    • Seclusion: the bar title reads "Seclusion" and the scope line is quieter.
    • Governance: the phone says "Coordinator", and the registers act row drops its extra pattern line. The Pattern chip stays (D-80).
    • Out of area: a History count of 0 is hidden, and the four Days away cells are equal on phone.
    • Hub: phone counts are quiet mono.
    • All EDs: the desktop region filters are unboxed.
    • On-call: the phone shows 3 tabs, and Mine moves into the "…" menu.
    • Delays: the chip reads "Next over 8h".
    • Patient: the phone shows "ARM ED", "· next: Bed agreed", and History/Docs counts.
    • Movements: a "Journey stages" band is added.
    • ED desk: Updates is a normal hero chip with an icon.
    • Intended differences were left alone: no desktop Demo pill (M8), staff chips (#1562), no New referral chip on the ED desk (D-116), the bed meeting "Run meeting" chip, and "Open and resolved".
  5. Budgets. Main's re-measured limits from #1583 were taken. A local production build of this branch is within every limit: ward −0.8 KB, arm-ed −0.8 KB, others ±0.1 KB.

Clinical logic: no change.

Checks (local)

  • Typecheck, eslint and prettier on the changed files, check:ward-raw-colour, journey verify.mjs --check.
  • DOM tests for every touched screen pass, including 25 Ward files (177 tests) and 22 alerts and board files (145 tests).
  • Browser, dev server:
    • Ward tabs sit at 56px under the header after a scroll.
    • On desktop, no band overflows on board, discharges, capacity or alerts.
    • On the Alerts phone band, all four values share one top.
    • Each tidied page was checked on phone and desktop.
  • Not run locally: Playwright journeys and release gate (hosted CI runs them).

🤖 Generated with Claude Code

https://claude.ai/code/session_01J352nkJHwYhzp9T5RP2HPg