Skip to content

design(task): unify task-detail section headings to one eyebrow style - #214

Merged
johnpc merged 1 commit into
mainfrom
design/detail-heading-consistency
Aug 3, 2026
Merged

design(task): unify task-detail section headings to one eyebrow style#214
johnpc merged 1 commit into
mainfrom
design/detail-heading-consistency

Conversation

@johnpc

@johnpc johnpc commented Aug 3, 2026

Copy link
Copy Markdown
Owner

Design-polish pass — the task detail column had two competing heading styles fighting for the same visual role. Scrolling down a task, the top fields (Start date, Due date, Priority, Notes, Approval, Highlight, Project, Section, Assignee) use small-caps muted eyebrow labels, but then Labels / Blocked by / Subtasks / Comments switch to larger dark title-case headings. Same hierarchy level, two different treatments — a jarring rhythm break mid-scroll.

Fix (CSS-only, tokens only)

Changed the section headings (.subtasks__head, .comments__head) to match the eyebrow style the field labels already use — 0.78rem, uppercase, letter-spacing, var(--tf-text-muted) — while keeping their flex layout + count badge. Now the whole detail column reads with one consistent heading rhythm top to bottom.

Before → after

Full quality gate green; presentational-only. Verified against the sandbox (AWS_PROFILE=personal).

@johnpc
johnpc merged commit edaa40e into main Aug 3, 2026
155 of 156 checks passed
@johnpc
johnpc deleted the design/detail-heading-consistency branch August 3, 2026 00:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant