Skip to content

feat: resizable sidebar and list panels#7

Merged
Railly merged 1 commit intoRailly:mainfrom
trevorh:feature/resizable-panels
Apr 2, 2026
Merged

feat: resizable sidebar and list panels#7
Railly merged 1 commit intoRailly:mainfrom
trevorh:feature/resizable-panels

Conversation

@trevorh
Copy link
Copy Markdown
Contributor

@trevorh trevorh commented Mar 30, 2026

Summary

  • Adds draggable resize handles between the sidebar, list, and detail panels
  • Panel widths driven by CSS custom properties (--as-sidebar-width, --as-list-width) with min/max constraints
  • Resize handles hidden when dashboard or marketplace views are active
  • Cleans up drag listeners on view close

Test plan

  • Hover between sidebar and list panel — resize handle highlights with accent color
  • Drag to resize sidebar (120px–400px range) and list panel (180px–600px range)
  • Switch to dashboard view — resize handles disappear
  • Switch back to list view — resize handles reappear
  • Close and reopen the view — no lingering event listeners

🤖 Generated with Claude Code

Main uses fixed-width columns (200px / 280px / 1fr). This adds
draggable resize handles between panels so users can adjust widths
to their preference, with min/max constraints (sidebar 120–400px,
list 180–600px).

Improvements over main:
- CSS-variable-driven 5-column grid replaces hardcoded 3-column
- Drag lifecycle management cleans up listeners on view switch
- CSS class toggling (.as-hidden) instead of inline style manipulation
- 6px handle width for a comfortable grab target

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@Railly Railly force-pushed the feature/resizable-panels branch from aef80d1 to 71925cd Compare April 2, 2026 05:08
@Railly Railly merged commit 4d433a2 into Railly:main Apr 2, 2026
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.

2 participants