Fix link overlap issues - add overflow-hidden and block display

This commit is contained in:
OpenClaw Bot 2026-02-21 23:01:01 -06:00
parent 51aadb27fa
commit 0a505e48c4

View File

@ -100,11 +100,11 @@ function TaskListItem({ task }: { task: Task }) {
return ( return (
<div className="flex items-start gap-3 py-3 border-b border-border last:border-0"> <div className="flex items-start gap-3 py-3 border-b border-border last:border-0">
<div className="mt-0.5">{getStatusIcon(task.status)}</div> <div className="mt-0.5">{getStatusIcon(task.status)}</div>
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0 overflow-hidden">
<Link <Link
href={`https://gantt-board.vercel.app/tasks/${encodeURIComponent(task.id)}`} href={`https://gantt-board.vercel.app/tasks/${encodeURIComponent(task.id)}`}
target="_blank" target="_blank"
className="text-sm font-medium truncate hover:text-primary hover:underline" className="text-sm font-medium block truncate hover:text-primary hover:underline"
> >
{task.title} {task.title}
</Link> </Link>