Make SidePanel width adjustable by dragging its inner edge - #73
Conversation
The panel's inner edge is now a drag handle that shows an accent-green line on hover and while dragging. Width is clamped to [320, viewport-320] and the adjusted width survives open/close cycles. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
✅ Deploy Preview for popui-go ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
methodofaction
left a comment
methodofaction
left a comment
There was a problem hiding this comment.
This has more implications than is apparent: we probably want to save the width but only for certain contexts (suppose you widen the Peppol launcher sidebar, but then move to France, do you expect the sidebar to change on both launchers). No response needed, this is for consideration.
|
@copilot resolve the merge conflicts in this pull request |
# Conflicts: # assets/popui.css Co-authored-by: methodofaction <51445+methodofaction@users.noreply.github.com>
Resolved — merged |
Detail panels often need more room than their fixed width allows — the SidePanel's inner edge is now a drag handle that resizes it, with an accent-green line on hover and while dragging.
Changes:
hover:bg-border-selected-boldhighlight, kept green while draggingsidePanelAlpine controller gainswidth/resizingstate andstartResize, clamped to [320px, viewport − 320px]Widthprop is now the initial width; the adjusted width survives open/close cyclesGenerated with Claude Code — https://claude.ai/code/1abc88c1-6a00-4dc1-abc9-b2e7a2b175c6