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 c4d53f4661
commit fed0fc1450
+2 -2
View File
@@ -20,7 +20,7 @@
let { content, onChange }: Props = $props(); let { content, onChange }: Props = $props();
let items = $state<ChecklistItem[]>(parseChecklist(content)); let items = $state<ChecklistItem[]>(parseChecklist(content));
let doneExpanded = $state(false); let doneExpanded = $state(true);
const flipDurationMs = 150; const flipDurationMs = 150;
let activeItems = $derived(items.filter((i) => !i.checked)); let activeItems = $derived(items.filter((i) => !i.checked));
@@ -142,7 +142,7 @@
/> />
<button <button
onclick={() => removeItem(item.id)} 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" aria-label="Remove item"
data-testid="checklist-remove" data-testid="checklist-remove"
> >