David/WFDASH-WEBAPP
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(collection-pool): replace notes title with hover tooltip

Browse source
This commit is contained in:
SJCoetz 2026-07-10 23:46:59 +02:00
parent 0b03a6cb81
commit 7ce4445865
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/app/(app)/collection-pool/page.tsx
View file

@ -633,11 +633,14 @@ function PoolRow({
{readyLabel}
</span>
{row.notes && row.notes.trim().length > 0 && (
<span
className="inline-flex items-center rounded-md border bg-muted/30 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground"
title={row.notes.length > 120 ? `${row.notes.slice(0, 120)}…` : row.notes}
>
<span className="group/notes relative inline-flex items-center rounded-md border bg-muted/30 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground">
Notes
<span
role="tooltip"
className="pointer-events-none absolute left-0 top-full z-20 mt-1 hidden w-72 rounded-md border bg-popover px-3 py-2 text-xs font-normal normal-case tracking-normal text-popover-foreground shadow-md group-hover/notes:block group-focus-within/notes:block"
>
{row.notes.length > 280 ? `${row.notes.slice(0, 280)}…` : row.notes}
</span>
</span>
)}
</div>