Sascha/perinco-CRM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(akquise): lange Projekttitel brechen um

Browse Source 
Die Titelspalte hatte truncate ohne feste Breite. In der automatischen
Tabellenbreite hat das nichts abgeschnitten, sondern die Zelle
ausgedehnt - der Titel lief sichtbar in die Spalte "Berater". Jetzt hat
die Spalte eine feste Breite und der Titel bricht um (wrap-anywhere,
damit auch Titel ohne Leerzeichen brechen). Gleiches im Papierkorb.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Sascha Wolf
2026-09-10 08:54:24 +02:00
co-authored by Claude Opus 5
parent f678e988ac
commit 699f62930a
3 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/acquisition/AcquisitionTable.tsx
+6 -6
View File
@@ -184,23 +184,23 @@ export const AcquisitionTable: React.FC<AcquisitionTableProps> = ({
)}
</td>
<td className="max-w-sm px-4 py-3">
<td className="w-[28rem] max-w-[28rem] px-4 py-3 align-top">
{link ? (
<a
href={link}
target="_blank"
rel="noopener noreferrer"
title={`${entry.title} - öffnet ${link}`}
className="inline-flex items-baseline gap-1 text-sm font-bold text-brand-700 underline decoration-brand-300 underline-offset-2 transition hover:text-brand-800 hover:decoration-brand-600"
className="text-sm font-bold text-brand-700 underline decoration-brand-300 underline-offset-2 transition hover:text-brand-800 hover:decoration-brand-600 wrap-anywhere"
>
<span className="truncate">{entry.title}</span>
<span aria-hidden>↗</span>
{entry.title}
<span aria-hidden className="ml-1 whitespace-nowrap">↗</span>
</a>
) : (
<span className="text-sm font-bold text-ink-900">{entry.title}</span>
<span className="text-sm font-bold text-ink-900 wrap-anywhere">{entry.title}</span>
)}
{extraParts.length > 0 && (
<p className="mt-0.5 truncate text-[11px] text-ink-400">{extraParts.join(' · ')}</p>
<p className="mt-0.5 text-[11px] text-ink-400 wrap-anywhere">{extraParts.join(' · ')}</p>
)}
{returned && (
<span
src/components/acquisition/AcquisitionTrash.tsx
+3 -3
View File
@@ -217,10 +217,10 @@ export const AcquisitionTrash: React.FC<AcquisitionTrashProps> = ({ reload }) =>
return (
<tr key={entry.id} className="transition hover:bg-ink-50">
<td className="max-w-sm px-4 py-3">
<p className="truncate text-sm font-bold text-ink-900">{entry.title}</p>
<td className="w-[24rem] max-w-[24rem] px-4 py-3 align-top">
<p className="text-sm font-bold text-ink-900 wrap-anywhere">{entry.title}</p>
{extraParts.length > 0 && (
<p className="mt-0.5 truncate text-[11px] text-ink-400">
<p className="mt-0.5 text-[11px] text-ink-400 wrap-anywhere">
{extraParts.join(' · ')}
</p>
)}