Fix tree view indentation and kanban subtask handling

Tree View:
- Fix nested task indentation to scale properly with depth (1.5rem per level)
- Sub-subtasks now indent correctly relative to their parents

Kanban View:
- Show ALL tasks as draggable cards (not just root tasks)
- Subtasks display parent task name for context
- Each subtask can be independently dragged to different status columns
- Remove nested subtask expansion since all tasks are now individual cards
This commit is contained in:
Claude
2025-11-20 01:50:23 +00:00
parent 855b91ba78
commit f3fc87e715
2 changed files with 19 additions and 36 deletions

View File

@@ -85,9 +85,8 @@ function TaskNode({ task, projectId, onUpdate, level = 0 }) {
return (
<div className="mb-2">
<div
className={`flex items-center gap-2 p-3 bg-cyber-darkest border border-cyber-orange/20 rounded hover:border-cyber-orange/40 transition-all group ${
level > 0 ? 'ml-6' : ''
}`}
style={{ marginLeft: `${level * 1.5}rem` }}
className="flex items-center gap-2 p-3 bg-cyber-darkest border border-cyber-orange/20 rounded hover:border-cyber-orange/40 transition-all group"
>
{/* Expand/Collapse */}
{hasSubtasks && (
@@ -176,7 +175,7 @@ function TaskNode({ task, projectId, onUpdate, level = 0 }) {
{/* Add Subtask Form */}
{showAddSubtask && (
<div className={`mt-2 ${level > 0 ? 'ml-6' : ''}`}>
<div style={{ marginLeft: `${level * 1.5}rem` }} className="mt-2">
<form onSubmit={handleAddSubtask} className="flex gap-2">
<input
type="text"