From 0bc9c747972af25c9d8f896d29a61a98bc9726dd Mon Sep 17 00:00:00 2001
From: Timothy Cardoza <tcardoza@cardoza.construction>
Date: Wed, 4 Mar 2026 13:25:38 -0600
Subject: [PATCH] Stable task transitions and animations

---
 src/index.css              | 12 ------------
 src/views/CriticalView.tsx |  2 +-
 src/views/DigInView.tsx    |  2 +-
 src/views/PriorityView.tsx |  2 +-
 src/views/ProgressView.tsx |  2 +-
 src/views/SnowballView.tsx |  2 +-
 src/views/UrgencyView.tsx  |  2 +-
 7 files changed, 6 insertions(+), 18 deletions(-)

diff --git a/src/index.css b/src/index.css
index f8ab3c9..a6540d8 100644
--- a/src/index.css
+++ b/src/index.css
@@ -77,18 +77,6 @@
       transform: translateX(3px);
     }
   }
-
-  --animate-task-enter: task-enter 0.25s ease-out backwards;
-
-  @keyframes task-enter {
-    0% {
-      opacity: 0;
-    }
-
-    100% {
-      opacity: 1;
-    }
-  }
 }
 
 :root {
diff --git a/src/views/CriticalView.tsx b/src/views/CriticalView.tsx
index f28be8f..19926ce 100644
--- a/src/views/CriticalView.tsx
+++ b/src/views/CriticalView.tsx
@@ -31,7 +31,7 @@ export const CriticalView: Component = () => {
             <div class="grid grid-cols-1 gap-3 w-full" ref={listRef}>
                 <For each={displayedTasks()}>
                     {(task) => (
-                        <div class="animate-task-enter w-full min-w-0">
+                        <div class="w-full min-w-0">
                             <TaskCard task={task} isShaking={shakingTaskIds().includes(task.id)} />
                         </div>
                     )}
diff --git a/src/views/DigInView.tsx b/src/views/DigInView.tsx
index ef86dde..95f8668 100644
--- a/src/views/DigInView.tsx
+++ b/src/views/DigInView.tsx
@@ -36,7 +36,7 @@ export const DigInView: Component = () => {
             <div class="grid grid-cols-1 gap-3 w-full" ref={listRef}>
                 <For each={displayedTasks()}>
                     {(task) => (
-                        <div class="animate-task-enter w-full min-w-0">
+                        <div class="w-full min-w-0">
                             <TaskCard task={task} isShaking={shakingTaskIds().includes(task.id)} />
                         </div>
                     )}
diff --git a/src/views/PriorityView.tsx b/src/views/PriorityView.tsx
index 6c31c5d..d678844 100644
--- a/src/views/PriorityView.tsx
+++ b/src/views/PriorityView.tsx
@@ -31,7 +31,7 @@ export const PriorityView: Component = () => {
             <div class="grid grid-cols-1 gap-3 w-full" ref={listRef}>
                 <For each={displayedTasks()}>
                     {(task) => (
-                        <div class="animate-task-enter w-full min-w-0">
+                        <div class="w-full min-w-0">
                             <TaskCard task={task} isShaking={shakingTaskIds().includes(task.id)} />
                         </div>
                     )}
diff --git a/src/views/ProgressView.tsx b/src/views/ProgressView.tsx
index d66dd32..64fcd13 100644
--- a/src/views/ProgressView.tsx
+++ b/src/views/ProgressView.tsx
@@ -38,7 +38,7 @@ export const ProgressView: Component = () => {
             <div class="grid grid-cols-1 gap-3 w-full" ref={listRef}>
                 <For each={displayedTasks()}>
                     {(task) => (
-                        <div class="animate-task-enter w-full min-w-0">
+                        <div class="w-full min-w-0">
                             <TaskCard task={task} isShaking={shakingTaskIds().includes(task.id)} />
                         </div>
                     )}
diff --git a/src/views/SnowballView.tsx b/src/views/SnowballView.tsx
index 16135d8..47c5c7d 100644
--- a/src/views/SnowballView.tsx
+++ b/src/views/SnowballView.tsx
@@ -36,7 +36,7 @@ export const SnowballView: Component = () => {
             <div class="grid grid-cols-1 gap-3 w-full" ref={listRef}>
                 <For each={displayedTasks()}>
                     {(task) => (
-                        <div class="animate-task-enter w-full min-w-0">
+                        <div class="w-full min-w-0">
                             <TaskCard task={task} isShaking={shakingTaskIds().includes(task.id)} />
                         </div>
                     )}
diff --git a/src/views/UrgencyView.tsx b/src/views/UrgencyView.tsx
index a9736bf..fa9459f 100644
--- a/src/views/UrgencyView.tsx
+++ b/src/views/UrgencyView.tsx
@@ -35,7 +35,7 @@ export const UrgencyView: Component = () => {
             <div class="grid grid-cols-1 gap-3 w-full" ref={listRef}>
                 <For each={displayedTasks()}>
                     {(task) => (
-                        <div class="animate-task-enter w-full min-w-0">
+                        <div class="w-full min-w-0">
                             <TaskCard task={task} isShaking={shakingTaskIds().includes(task.id)} />
                         </div>
                     )}