feat(task-management): implement context menu for task actions

- Added a context menu to the TaskRow component, allowing users to perform actions such as assigning tasks, archiving, deleting, and moving tasks between statuses, priorities, and phases.
- Introduced TaskContextMenu component to handle context menu logic and interactions.
- Enhanced task row styling for improved hover effects and visibility in both light and dark modes.
- Updated task management slice to include new actions for handling task assignments and conversions.
This commit is contained in:
chamiakJ
2025-07-03 07:42:43 +05:30
parent ecd4d29a38
commit e41cead10b
8 changed files with 552 additions and 10 deletions

View File

@@ -94,8 +94,9 @@
/* SIMPLIFIED HOVER STATE: Remove complex containment and transforms */
.task-row-optimized:hover {
/* Remove transform that was causing GPU conflicts */
/* Remove complex containment rules */
background-color: var(--task-hover-bg, #fafafa);
border-color: var(--task-border-primary, #e8e8e8);
border-top-color: var(--task-border-hover-top, #c0c0c0); /* Ensure top border is visible */
}
/* OPTIMIZED HOVER BUTTONS: Use opacity only, no visibility changes */
@@ -284,16 +285,27 @@
}
/* Dark mode optimizations */
:root {
/* ... existing variables ... */
--task-border-hover-top: #c0c0c0; /* Slightly darker for visibility */
}
.dark .task-row-optimized {
contain: layout style;
background: var(--task-bg-primary, #1f1f1f);
color: var(--task-text-primary, #fff);
border-color: var(--task-border-primary, #303030);
/* ... existing variables ... */
}
.dark {
/* ... existing variables ... */
--task-border-hover-top-dark: #505050; /* Slightly darker for visibility in dark mode */
}
.dark .task-row-optimized:hover {
contain: layout style;
/* Remove complex containment rules */
background-color: var(--task-hover-bg, #2a2a2a);
border-color: var(--task-border-primary, #303030);
border-top-color: var(
--task-border-hover-top-dark,
#505050
); /* Ensure top border is visible in dark mode */
}
/* Animation performance */