fix: show delete button on row hover and expand done items by default

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Frederic Cabassut
2026-03-07 22:34:09 +01:00
co-authored by Claude Opus 4.6
parent e3c0a1c3c0
commit 68750fefd5
+2 -2
View File
@@ -20,7 +20,7 @@
let { content, onChange }: Props = $props();
let items = $state<ChecklistItem[]>(parseChecklist(content));
let doneExpanded = $state(false);
let doneExpanded = $state(true);
const flipDurationMs = 150;
let activeItems = $derived(items.filter((i) => !i.checked));
@@ -142,7 +142,7 @@
/>
<button
onclick={() => removeItem(item.id)}
class="opacity-0 hover:opacity-100 focus:opacity-100"
class="opacity-0 group-hover:opacity-100 focus:opacity-100"
aria-label="Remove item"
data-testid="checklist-remove"
>