Skip to content

Commit ade7c7a

Browse files
committed
Set min-width for lane wrappers in MultiStackView
- Modified MultiStackView.svelte to add a minimum width style for lane wrapper elements representing each stack lane. - Introduced a new constant laneWraperMinWidth calculated from laneWidths array or 0 as default. - Applied the min-width style binding to the div with class 'reorderable-stack' to ensure proper UI layout and prevent collapse of the lane wrapper. This change addresses a visual layout issue in the multi-stack view component.
1 parent 6069f5c commit ade7c7a

File tree

1 file changed

+2
-0
lines changed

1 file changed

+2
-0
lines changed

apps/desktop/src/components/MultiStackView.svelte

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -146,9 +146,11 @@
146146
{#each mutableStacks as stack, i (stack.id)}
147147
{@const stackState = uiState.stack(stack.id)}
148148
{@const selection = stackState.selection}
149+
{@const laneWraperMinWidth = laneWidths[i] ?? 0}
149150
<div
150151
class="reorderable-stack"
151152
role="presentation"
153+
style:min-width="{laneWraperMinWidth}px"
152154
animate:flip={{ duration: 150 }}
153155
onmousedown={onReorderMouseDown}
154156
ondragstart={(e) => {

0 commit comments

Comments
 (0)