team-board/web-client
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: task card layout — key+priority on top, title on separate line
All checks were successful
Deploy Web Client / deploy (push) Successful in 36s
Details

Browse Source
This commit is contained in:
Markov 2026-02-15 20:51:33 +01:00
parent 77d80d7726
commit 96d1fabc4c
1 changed files with 8 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/KanbanBoard.tsx
View File

@ -130,16 +130,14 @@ export default function KanbanBoard({ projectId }: Props) {
hover:border-[var(--accent)] transition-colors" hover:border-[var(--accent)] transition-colors"
onClick={() => setSelectedTask(task)} onClick={() => setSelectedTask(task)}
> >
<div className="flex items-start gap-2"> <div className="flex items-center gap-1.5 mb-1">
<div <div
className="w-2 h-2 rounded-full mt-1.5 shrink-0" className="w-2 h-2 rounded-full shrink-0"
style={{ background: PRIORITY_COLORS[task.priority] || "#737373" }} style={{ background: PRIORITY_COLORS[task.priority] || "#737373" }}
/> />
<div className="flex-1"><span className="text-xs text-[var(--muted)] mr-1">{task.key}</span><span className="text-sm">{task.title}</span></div> <span className="text-xs text-[var(--muted)]">{task.key}</span>
</div> </div>
{task.description && ( <div className="text-sm ml-3.5">{task.title}</div>
<p className="text-xs text-[var(--muted)] mt-1 ml-4">{task.description}</p>
)}
{/* Move buttons */} {/* Move buttons */}
<div className="flex gap-1 mt-2 ml-4"> <div className="flex gap-1 mt-2 ml-4">
{colIndex > 0 && ( {colIndex > 0 && (
@ -218,17 +216,15 @@ export default function KanbanBoard({ projectId }: Props) {
className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-3 cursor-grab className="bg-[var(--card)] border border-[var(--border)] rounded-lg p-3 cursor-grab
hover:border-[var(--accent)] transition-colors active:cursor-grabbing" hover:border-[var(--accent)] transition-colors active:cursor-grabbing"
> >
<div className="flex items-start gap-2"> <div className="flex items-center gap-1.5 mb-1">
<div <div
className="w-2 h-2 rounded-full mt-1.5 shrink-0" className="w-2 h-2 rounded-full shrink-0"
style={{ background: PRIORITY_COLORS[task.priority] || "#737373" }} style={{ background: PRIORITY_COLORS[task.priority] || "#737373" }}
title={task.priority} title={task.priority}
/> />
<div><span className="text-xs text-[var(--muted)] mr-1">{task.key}</span><span className="text-sm">{task.title}</span></div> <span className="text-xs text-[var(--muted)]">{task.key}</span>
</div> </div>
{task.description && ( <div className="text-sm ml-3.5">{task.title}</div>
<p className="text-xs text-[var(--muted)] mt-1 ml-4 line-clamp-2">{task.description}</p>
)}
</div> </div>
))} ))}