Skip to content

feat: improve three-panel resize UX with interact.js#707

Merged
antonreshetov merged 7 commits intomainfrom
feat/three-panel-resize-ux
Mar 27, 2026
Merged

feat: improve three-panel resize UX with interact.js#707
antonreshetov merged 7 commits intomainfrom
feat/three-panel-resize-ux

Conversation

@antonreshetov
Copy link
Copy Markdown
Member

No description provided.

- Single source of truth for layout sizes in constants.ts
- Store type: twoPanel changed from number[] to number (px)
- tagsListHeight migration from percentage to pixels
Supports horizontal and vertical drag with cursor, selection
blocking, and data-resizing attribute for active state styling.
Unified 2-panel and 3-panel modes via flex layout. Removed reka-ui
Splitter dependency. All sizes from LAYOUT_DEFAULTS.
Removed percentage-based twoPanel logic. Both now use pixel-based
store values with LAYOUT_DEFAULTS fallbacks via ThreeColumn.
Tags panel now uses pixel-based height with useResizeHandle composable
instead of reka-ui SplitterGroup percentages.
…ebarFolders

Same pattern as Library.vue — tags panel uses pixel-based height
with useResizeHandle composable.
@antonreshetov antonreshetov merged commit 0e56611 into main Mar 27, 2026
@antonreshetov antonreshetov deleted the feat/three-panel-resize-ux branch March 27, 2026 14:06
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