From d6a19544d20c1c79d2b1f6ae056b9090ff0d9c87 Mon Sep 17 00:00:00 2001 From: Julien Froidefond Date: Tue, 16 Sep 2025 09:50:20 +0200 Subject: [PATCH] style: update TaskCard for visual feedback on task status - Added opacity adjustment for completed tasks in TaskCard to enhance visual distinction. - Improved hover effects and interaction feedback for better user experience. --- components/kanban/TaskCard.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/components/kanban/TaskCard.tsx b/components/kanban/TaskCard.tsx index 8b3843b..3fb6b8a 100644 --- a/components/kanban/TaskCard.tsx +++ b/components/kanban/TaskCard.tsx @@ -114,6 +114,8 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView = style={style} className={`p-2 hover:border-[var(--primary)]/30 hover:shadow-lg hover:shadow-[var(--primary)]/10 transition-all duration-300 cursor-pointer group ${ isDragging ? 'opacity-50 rotate-3 scale-105' : '' + } ${ + task.status === 'done' ? 'opacity-60' : '' }`} {...attributes} {...(isEditingTitle ? {} : listeners)} @@ -196,6 +198,8 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView = style={style} className={`p-3 hover:border-[var(--primary)]/30 hover:shadow-lg hover:shadow-[var(--primary)]/10 transition-all duration-300 cursor-pointer group ${ isDragging ? 'opacity-50 rotate-3 scale-105' : '' + } ${ + task.status === 'done' ? 'opacity-60' : '' }`} {...attributes} {...(isEditingTitle ? {} : listeners)}