Skip to content

design(board): keep the section count beside its name in the list view - #193

Merged
johnpc merged 1 commit into
mainfrom
design/list-section-count
Aug 2, 2026
Merged

design(board): keep the section count beside its name in the list view#193
johnpc merged 1 commit into
mainfrom
design/list-section-count

Conversation

@johnpc

@johnpc johnpc commented Aug 2, 2026

Copy link
Copy Markdown
Owner

Design-polish pass — continuing on the List view (per owner direction). Looking at the section grouping (collapse-all makes it obvious), each section's task count floated at the far-right edge of the row, disconnected from its section name — "To do" on the left, "24" way out at ~1240px on desktop (and a big gap on mobile too). The clickable collapse-toggle header also had no hover feedback.

Fix (CSS-only, tokens only)

  • Dropped flex: 1 from .list-section__name, so the name is content-width and the count sits immediately after it — "To do 24" reads as one cohesive label (Asana-style).
  • Gave .list-section__head a hover tint (--tf-surface-2) + rounded padding, so it clearly reads as the interactive collapse toggle it is.

Before → after

Before: section counts were pushed to the far right, disconnected from the section name.
After (count hugs the name):

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

@johnpc
johnpc merged commit 52dff38 into main Aug 2, 2026
78 checks passed
@johnpc
johnpc deleted the design/list-section-count branch August 2, 2026 14:47
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