Skip to content

[board] Modernize kanban board visuals and drag feedback - #2181

Open
frankrousseau wants to merge 3 commits into
cgwire:mainfrom
frankrousseau:board-visual-refresh
Open

[board] Modernize kanban board visuals and drag feedback#2181
frankrousseau wants to merge 3 commits into
cgwire:mainfrom
frankrousseau:board-visual-refresh

Conversation

@frankrousseau

Copy link
Copy Markdown
Contributor

Problem

  • Board columns were heavy grey boxes with no task counts and a stray scrollbar over the header; empty previews rendered as black boxes with a 404 request per card
  • Cards left little room to the artwork and drag & drop gave poor feedback (fixed tilt, no drop location preview, no hint when a status requires a preview file)
  • Empty columns looked the same whether or not a drop was possible, and the empty-board message only mentioned role configuration

Solution

  • Columns become content-hugging panels with a status pill + task count header; columns that cannot receive any task are hidden and the empty state got an illustration and a wording covering all its causes
  • Cards show the preview as a full cover background with a translucent scrim, uniform heights, and a placeholder icon when there is no preview
  • Drag shows a theme-aware proxy tilting with the drag direction, a ghost slot at the card's real insertion position in the status-tinted target column, and an upload icon when the target status will request a preview file; the ghost holds the pending move while the upload modal is open, which now waits for the upload before closing
  • Keyboard focus keeps a rounded :focus-visible ring and prefers-reduced-motion falls back to the native drag

frankrousseau and others added 3 commits August 7, 2026 16:50
npm rewrites the lockfile without the libc entries a newer npm added;
commit the normalized form so it stops showing as a pending change.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
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