julienfroidefond/towercontrol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: enhance TaskCard opacity handling for task statuses

Browse Source 
- Updated opacity logic in `TaskCard` to include 'archived' status alongside 'done', improving visual feedback for completed tasks.
- Added specific styling for 'freeze' status to differentiate it visually, enhancing user experience and clarity in task representation.
This commit is contained in:
Julien Froidefond
2025-09-25 08:58:33 +02:00
parent cff9ad10f0
commit 9ec775acbf
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/kanban/TaskCard.tsx
View File

@@ -232,7 +232,9 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
style={{ ...style, ...specialStyles }} style={{ ...style, ...specialStyles }}
className={`p-2 hover:border-[var(--primary)]/30 hover:shadow-lg hover:shadow-[var(--primary)]/10 transition-all duration-300 cursor-pointer group ${ 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' : '' isDragging ? 'opacity-50 rotate-3 scale-105' : ''
} ${task.status === 'done' ? 'opacity-60' : ''} ${ } ${task.status === 'done' || task.status === 'archived' ? 'opacity-60' : ''} ${
task.status === 'freeze' ? 'opacity-60 bg-gradient-to-br from-transparent via-[var(--muted)]/10 to-transparent bg-[length:4px_4px] bg-[linear-gradient(45deg,transparent_25%,var(--border)_25%,var(--border)_50%,transparent_50%,transparent_75%,var(--border)_75%,var(--border))]' : ''
} ${
isJiraTask ? 'jira-task' : '' isJiraTask ? 'jira-task' : ''
} ${ } ${
isTfsTask ? 'tfs-task' : '' isTfsTask ? 'tfs-task' : ''
@@ -319,7 +321,9 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
style={{ ...style, ...specialStyles }} style={{ ...style, ...specialStyles }}
className={`p-3 hover:border-[var(--primary)]/30 hover:shadow-lg hover:shadow-[var(--primary)]/10 transition-all duration-300 cursor-pointer group ${ 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' : '' isDragging ? 'opacity-50 rotate-3 scale-105' : ''
} ${task.status === 'done' ? 'opacity-60' : ''} ${ } ${task.status === 'done' || task.status === 'archived' ? 'opacity-60' : ''} ${
task.status === 'freeze' ? 'opacity-60 bg-gradient-to-br from-transparent via-[var(--muted)]/10 to-transparent bg-[length:4px_4px] bg-[linear-gradient(45deg,transparent_25%,var(--border)_25%,var(--border)_50%,transparent_50%,transparent_75%,var(--border)_75%,var(--border))]' : ''
} ${
isJiraTask ? 'jira-task' : '' isJiraTask ? 'jira-task' : ''
} ${ } ${
isTfsTask ? 'tfs-task' : '' isTfsTask ? 'tfs-task' : ''