UI Audit: page-header pattern inconsistent — Home, Library, Editor don't use it #155

New issue

Closed

opened 2026-05-28 19:31:53 -04:00 by zgaetano · 0 comments

zgaetano commented

2026-05-28 19:31:53 -04:00

Owner

Fixed in 342b56a (option A for Dashboard, option B for Home/Library/Editor — documented in DESIGN.md).

Changes:

Dashboard now renders a proper .page-header h1 with subtitle, alert badge (when there are failed jobs / offline nodes / errored recorders), and cluster status pip. Live verification confirms h1 = "Dashboard".
Library .toolbar-title div promoted to <h1> for screen-reader hierarchy. CSS updated so the h1 doesn't get default browser margins. Existing toolbar visual unchanged.
Home and Editor are documented as full-bleed exceptions in DESIGN.md — they use .launcher and .editor-shell respectively. Editor's chrome is the new beta banner (#151).

New DESIGN.md section "Page header" lists the three documented exceptions so future drift is caught at review time.

Fixed in 342b56a (option A for Dashboard, option B for Home/Library/Editor — documented in DESIGN.md). Changes: - **Dashboard** now renders a proper `.page-header h1` with subtitle, alert badge (when there are failed jobs / offline nodes / errored recorders), and cluster status pip. Live verification confirms `h1 = "Dashboard"`. - **Library** `.toolbar-title` div promoted to `<h1>` for screen-reader hierarchy. CSS updated so the h1 doesn't get default browser margins. Existing toolbar visual unchanged. - **Home** and **Editor** are documented as full-bleed exceptions in DESIGN.md — they use `.launcher` and `.editor-shell` respectively. Editor's chrome is the new beta banner (#151). New DESIGN.md section "Page header" lists the three documented exceptions so future drift is caught at review time.