fix: make group summary input width fit text content

Use field-sizing: content on the input so it adapts to the text width
instead of stretching full width.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Guilhem Lemouel
2026-03-11 15:31:00 +01:00
co-authored by Claude Opus 4.6
parent bdc699d114
commit 756fdf50bc
@@ -82,12 +82,13 @@
bind:this={textInputComponent}
bind:value={summaryInput}
size="xs"
class="!bg-transparent !border-transparent !shadow-none !text-2xs !font-medium !p-0 !m-0 !min-w-0 w-full text-center !min-h-0 !h-auto nodrag nowheel pointer-events-auto"
class="!bg-transparent !border-transparent !shadow-none !text-2xs !font-medium !p-0 !m-0 !min-w-0 !w-fit text-center !min-h-0 !h-auto nodrag nowheel pointer-events-auto"
inputProps={{
placeholder: 'Group',
onblur: saveSummary,
onkeydown: handleSummaryKeydown,
spellcheck: false
spellcheck: false,
style: 'padding: 2px !important; field-sizing: content; min-width: 5ch !important'
}}
/>
{:else}