Skip to content

design(board): make empty columns invite the first task with a dashed CTA - #209

Merged
johnpc merged 1 commit into
mainfrom
design/empty-column-cta
Aug 2, 2026
Merged

design(board): make empty columns invite the first task with a dashed CTA#209
johnpc merged 1 commit into
mainfrom
design/empty-column-cta

Conversation

@johnpc

@johnpc johnpc commented Aug 2, 2026

Copy link
Copy Markdown
Owner

Design-polish pass — the empty board of a brand-new project, i.e. exactly what a user sees the moment after creating one (the first-run moment the LLM panel kept tripping on).

A fresh project comes with three empty columns (To do / In progress / Done), and each showed only a lonely, muted "Add task" link floating in an empty box — a dead-end feel with no pull toward the primary next action.

Fix (CSS-only, tokens only)

When a column has no cards (.board-col__list:empty), the "Add task" affordance becomes a full-width, centered, dashed drop-zone CTA in the accent color — clearly inviting the first task and filling the empty column. On hover it gets an accent border + soft accent fill. Populated columns are unaffected (the list isn't empty), and it reverts to the normal inline composer when you start typing (:not(.add-card--open)).

Before → after

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

@johnpc
johnpc merged commit 31358c8 into main Aug 2, 2026
78 checks passed
@johnpc
johnpc deleted the design/empty-column-cta branch August 2, 2026 21:56
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