From 2f1cf4ad1c7996810c4a68af38aee3b1f64f8cd8 Mon Sep 17 00:00:00 2001 From: Adam Malczewski Date: Tue, 2 Jun 2026 15:47:24 +0900 Subject: feat(tabbar): sticky + button & double-clickable trailing pad Pin the new-tab + button to the left edge of the user-tab row via position: sticky (!sticky left-0 z-10) with an opaque bg-base-200 and a right-side shadow as a floating cue, so it stays reachable at any horizontal scroll. Add a flex-fill trailing pad after the last tab (flex-1 min-w-12) that opens a new tab on double-click. --- packages/frontend/src/lib/components/TabBar.svelte | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) (limited to 'packages/frontend/src/lib') diff --git a/packages/frontend/src/lib/components/TabBar.svelte b/packages/frontend/src/lib/components/TabBar.svelte index 4fbe3b1..9d33d5e 100644 --- a/packages/frontend/src/lib/components/TabBar.svelte +++ b/packages/frontend/src/lib/components/TabBar.svelte @@ -89,10 +89,11 @@ function handleRenameKeydown(e: KeyboardEvent): void { class="tabs tabs-lift min-w-max" ondblclick={(e) => { if (e.target === e.currentTarget) tabStore.createNewTab(); }} > - + {/each} + + + +
tabStore.createNewTab()} + title="Double-click to open a new tab" + >
-- cgit v1.2.3 From 8deb9d17fd5ffc973e85f09ff596770c68ee999a Mon Sep 17 00:00:00 2001 From: Adam Malczewski Date: Tue, 2 Jun 2026 15:53:23 +0900 Subject: fix(tabbar): flatten top-left corner of sticky + button daisyUI tabs-lift rounds both top corners; the pinned + button sits at the bar's left edge, so its top-left (start-start) radius reads as a stray rounded corner. Override with !rounded-ss-none. --- packages/frontend/src/lib/components/TabBar.svelte | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'packages/frontend/src/lib') diff --git a/packages/frontend/src/lib/components/TabBar.svelte b/packages/frontend/src/lib/components/TabBar.svelte index 9d33d5e..700bc9d 100644 --- a/packages/frontend/src/lib/components/TabBar.svelte +++ b/packages/frontend/src/lib/components/TabBar.svelte @@ -93,7 +93,7 @@ function handleRenameKeydown(e: KeyboardEvent): void { at any horizontal scroll; opaque bg + right-side shadow as a floating cue. -->