Grow/shrink dashboard columns by dragging, no reset (v1.3.3)#82
Merged
Conversation
After 1.3.2 collapsed empty columns, the only way back to more columns was Reset layout. Now, while dragging, empty columns render as dashed "+" drop-rails (full height, hoverable) so you can pull a card into empty space to spin a column back up — growing 1->N up to the width's max. Dropping into a rail makes the column non-empty so it expands to a full flex column; emptying it collapses it again. CSS-only (the columns already exist in the DOM and are drag-wired). Verified in a headless browser at 1940px: empty col collapsed at rest, becomes a 48px full-height rail while dragging, expands to a full 599px column on drop, three columns fill the width on dragend. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_013ffp2b19PUmzEU1fxpnURA
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Request
After 1.3.2 collapsed empty columns to fill the width, the only way back to more columns was Reset layout. You wanted to grow/shrink columns (1↔3, capped by width) just by dragging.
Fix
While a drag is in progress (
.dashboard.dnd-active), empty columns now render as a dashed ＋ drop-rail (48px wide, full height, hoverable) instead of collapsing. Pull a card into a rail and — because the column is no longer empty — it expands into a full flex column; empty it again and it collapses back. The columns already exist in the DOM and are drag-wired, so this is a CSS-only change; no JS.Result: columns grow
1 → 2 → 3(and shrink) purely by dragging, capped by the screen width, with no Reset. At rest, empty columns still collapse so populated ones fill the page (1.3.2 behavior).Verification
Headless browser at 1940px:
display:none, 2 columns fill width (905px each)Ships as 1.3.3. On merge the auto-release publishes
1.3.3/1.3/1/latest.🤖 Generated with Claude Code
Generated by Claude Code