From eb844f66158de83ffdfe28980cd517cfed4a2553 Mon Sep 17 00:00:00 2001
From: CostasAK <costas@kokke.eu>
Date: Thu, 25 Jul 2024 23:58:03 +0200
Subject: [PATCH] feat(todo): transition colors and opacity

---
 src/routes/checklist.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/checklist.tsx b/src/routes/checklist.tsx
index 595cc30..65eefcb 100644
--- a/src/routes/checklist.tsx
+++ b/src/routes/checklist.tsx
@@ -292,7 +292,7 @@ function Todo({ name, reset, period = 0 }: TodoProps) {
       key={name}
       htmlFor={name}
       className={cn(
-        "flex cursor-pointer flex-row items-center gap-2 border-t border-t-neutral-725 p-4 hover:bg-neutral-750",
+        "flex cursor-pointer flex-row items-center gap-2 border-t border-t-neutral-725 p-4 transition-all hover:bg-neutral-750 active:transition-none",
         completion > 0 && "italic opacity-50",
       )}
       style={{ order: nextReset / MINUTE + (completion > 0 ? 10 * YEAR : 0) }}