feat(ui): adopt shared StatCard tone, OverflowActions, PageHeader long-title guard #267

Merged

vas2000-work merged 1 commit from feat/mapps-267-shared-ui-primitives into main

2026-06-17 23:54:42 +02:00

David commented

2026-06-17 23:20:04 +02:00

Owner

Reduce inline UI duplication by leaning on the existing shared primitives so layout stays consistent and mobile-safe.

StatCard gains a StatCardTone (Accent/Warning/Danger) that drives both the icon circle background and the currentColor the icon inherits, so a semantic stat no longer strands a red glyph inside an accent-tinted container. The dashboard now passes uncolored icons and tags the SLA Breached card as Danger, giving every stat a consistent, tone-correct icon container.

The project detail header's View Tasks / Add Task / Edit / Delete cluster is wrapped in OverflowActions so it collapses into a single ... menu on narrow screens instead of overflowing the header row, matching the KB article detail pattern.

PageHeader's action container gets shrink-0 so a long dynamic title (already min-w-0 + sm:truncate) is what gives way on a tight row, instead of the buttons collapsing into or colliding with the title.

#MAPPS-267

Reduce inline UI duplication by leaning on the existing shared primitives so layout stays consistent and mobile-safe. StatCard gains a `StatCardTone` (Accent/Warning/Danger) that drives both the icon circle background and the `currentColor` the icon inherits, so a semantic stat no longer strands a red glyph inside an accent-tinted container. The dashboard now passes uncolored icons and tags the SLA Breached card as Danger, giving every stat a consistent, tone-correct icon container. The project detail header's View Tasks / Add Task / Edit / Delete cluster is wrapped in `OverflowActions` so it collapses into a single `...` menu on narrow screens instead of overflowing the header row, matching the KB article detail pattern. PageHeader's action container gets `shrink-0` so a long dynamic title (already `min-w-0` + `sm:truncate`) is what gives way on a tight row, instead of the buttons collapsing into or colliding with the title. #MAPPS-267

David added 1 commit

2026-06-17 23:20:04 +02:00

feat(ui): adopt shared StatCard tone, OverflowActions, PageHeader long-title guard

Check / clippy + fmt + tests (pull_request) Successful in 2m39s

Details

Create release / Create release from merged PR (pull_request) Has been skipped

Details

d5d4ada12e

Reduce inline UI duplication by leaning on the existing shared primitives so layout stays consistent and mobile-safe.

StatCard gains a `StatCardTone` (Accent/Warning/Danger) that drives both the icon circle background and the `currentColor` the icon inherits, so a semantic stat no longer strands a red glyph inside an accent-tinted container. The dashboard now passes uncolored icons and tags the SLA Breached card as Danger, giving every stat a consistent, tone-correct icon container.

The project detail header's View Tasks / Add Task / Edit / Delete cluster is wrapped in `OverflowActions` so it collapses into a single `...` menu on narrow screens instead of overflowing the header row, matching the KB article detail pattern.

PageHeader's action container gets `shrink-0` so a long dynamic title (already `min-w-0` + `sm:truncate`) is what gives way on a tight row, instead of the buttons collapsing into or colliding with the title.

#MAPPS-267