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:
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user