Fix link overlap issues - add overflow-hidden and block display
This commit is contained in:
parent
51aadb27fa
commit
0a505e48c4
@ -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>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user