diff options
| author | soryu <soryu@soryu.co> | 2026-01-18 19:29:19 +0000 |
|---|---|---|
| committer | soryu <soryu@soryu.co> | 2026-01-18 19:29:19 +0000 |
| commit | c7ff7dc2a6108acb13f5f983792d65c5073829a1 (patch) | |
| tree | 21718572d694a15428a7868ecee81bf0c53585d0 | |
| parent | e0da93a20a965125ba4cbb46e3e0e179f06c2a08 (diff) | |
| download | soryu-c7ff7dc2a6108acb13f5f983792d65c5073829a1.tar.gz soryu-c7ff7dc2a6108acb13f5f983792d65c5073829a1.zip | |
Add full task page navigation button to TaskTree rows
Add a hover-visible arrow icon (↗) to each task row in the TaskTree
component that links to the full task page (/tasks/{taskId}). The button:
- Appears on hover using opacity transition
- Stops event propagation to avoid triggering parent onSelect
- Matches existing hover styling patterns with the #75aafc color scheme
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
| -rw-r--r-- | makima/frontend/src/components/mesh/TaskTree.tsx | 10 |
1 files changed, 10 insertions, 0 deletions
diff --git a/makima/frontend/src/components/mesh/TaskTree.tsx b/makima/frontend/src/components/mesh/TaskTree.tsx index 46ae78d..296d3c6 100644 --- a/makima/frontend/src/components/mesh/TaskTree.tsx +++ b/makima/frontend/src/components/mesh/TaskTree.tsx @@ -165,6 +165,16 @@ function TreeNode({ task, isSupervisorTask, onSelect, depth, fetchSubtasks }: Tr P{task.priority} </span> )} + + {/* Open in full page button */} + <a + href={`/tasks/${task.id}`} + onClick={(e) => e.stopPropagation()} + className="font-mono text-[10px] text-[#555] opacity-0 group-hover:opacity-100 hover:text-[#75aafc] transition-all" + title="Open task page" + > + ↗ + </a> </div> {/* Children */} |
