fix(dashboard): rebalance type scale #25

Merged

vince merged 1 commit from codex/dashboard-type-balance into main

2026-06-19 04:24:40 +02:00

vince commented

2026-06-19 04:22:21 +02:00

Owner

Summary

Rebalances the dashboard typography for the target 1470x956 view: bookmark rows become more readable while the surrounding display type is reduced.

Why

The compact bookmark divider rows needed slightly larger text, but the dashboard still has to fit cleanly in one glance at the target resolution.

Changes

Increases bookmark/service row label, description, and status badge text.
Reduces page title, panel title, module value, telemetry label, and telemetry value type sizes.
Adds a 1470x956 Playwright assertion for the type scale balance.
Waits for service icons before screenshot capture so snapshots are stable with real icons rendered.
Updates desktop and mobile visual baselines.

Testing

bun run test:e2e -- --project=chromium-desktop -g "balances dashboard typography" failed before the CSS change as expected.
bun run test:e2e -- --project=chromium-desktop -g "balances dashboard typography|fits the operational dashboard"
bun run test:e2e -- --update-snapshots
bun run test:qa

Notes

Measured at 1470x956 after the change: bookmark label 11.52px, bookmark description 8.96px, page title 47.2px, panel title 26.46px, telemetry value 35.52px. Live datasource behavior is unchanged.

## Summary Rebalances the dashboard typography for the target 1470x956 view: bookmark rows become more readable while the surrounding display type is reduced. ## Why The compact bookmark divider rows needed slightly larger text, but the dashboard still has to fit cleanly in one glance at the target resolution. ## Changes - Increases bookmark/service row label, description, and status badge text. - Reduces page title, panel title, module value, telemetry label, and telemetry value type sizes. - Adds a 1470x956 Playwright assertion for the type scale balance. - Waits for service icons before screenshot capture so snapshots are stable with real icons rendered. - Updates desktop and mobile visual baselines. ## Testing - `bun run test:e2e -- --project=chromium-desktop -g "balances dashboard typography"` failed before the CSS change as expected. - `bun run test:e2e -- --project=chromium-desktop -g "balances dashboard typography|fits the operational dashboard"` - `bun run test:e2e -- --update-snapshots` - `bun run test:qa` ## Notes Measured at 1470x956 after the change: bookmark label 11.52px, bookmark description 8.96px, page title 47.2px, panel title 26.46px, telemetry value 35.52px. Live datasource behavior is unchanged.

vince added 1 commit 2026-06-19 04:22:21 +02:00