Skip to content

design(board): dim completed rows in the list so they recede - #200

Merged
johnpc merged 1 commit into
mainfrom
design/list-dim-done-rows
Aug 2, 2026
Merged

design(board): dim completed rows in the list so they recede#200
johnpc merged 1 commit into
mainfrom
design/list-dim-done-rows

Conversation

@johnpc

@johnpc johnpc commented Aug 2, 2026

Copy link
Copy Markdown
Owner

Design-polish pass — continuing on the List view (per owner direction). With "Show completed" on, a done row only struck through and dimmed its title — the rest of the row (assignee, due date, colored priority pill) stayed at full active strength. So completed tasks still competed visually with open ones, and the eye couldn't quickly separate done from not-done.

Fix (CSS-only, tokens only)

Dim the entire completed row (opacity: 0.6) so it recedes as a whole — title, meta columns, and priority pill fade together. The green complete-ring stays clearly legible even dimmed, and the row returns to full opacity on hover so it's easy to edit or un-complete. Now open tasks stand out crisply while done tasks sit quietly (the Asana pattern).

Before → after

Before: only the done row's title was struck; its "Medium" pill / dates still popped like an active task.
After (whole done row recedes, open tasks lead):

(Done rows are hidden by default; this affects the "Show completed" view.)

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

@johnpc
johnpc merged commit adc651b into main Aug 2, 2026
78 checks passed
@johnpc
johnpc deleted the design/list-dim-done-rows branch August 2, 2026 17:37
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