gitadmin/ArchiTools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(registratura): NAS attachment card overflow in detail sheet

Browse Source 
Add overflow-hidden to card container, min-w-0 to flex row, and
truncate to path text div so long NAS paths don't push badges
and copy icon outside the visible area.
This commit is contained in:
AI Assistant
2026-02-28 18:04:54 +02:00
parent 05efd525e3
commit 7a1aee15fd
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/modules/registratura/components/registry-entry-detail.tsx
+3 -3
View File
@@ -398,13 +398,13 @@ export function RegistryEntryDetail({
att.networkPath ? ( att.networkPath ? (
<div <div
key={att.id} key={att.id}
className="rounded-md border border-blue-200 dark:border-blue-800 bg-blue-50/50 dark:bg-blue-950/20 px-3 py-2 group cursor-pointer hover:bg-blue-100/50 dark:hover:bg-blue-900/30 transition-colors" className="rounded-md border border-blue-200 dark:border-blue-800 bg-blue-50/50 dark:bg-blue-950/20 px-3 py-2 group cursor-pointer hover:bg-blue-100/50 dark:hover:bg-blue-900/30 transition-colors overflow-hidden"
onClick={() => copyPath(att.networkPath!)} onClick={() => copyPath(att.networkPath!)}
title="Click pentru a copia calea — lipește în Explorer" title="Click pentru a copia calea — lipește în Explorer"
> >
<div className="flex items-center gap-2"> <div className="flex items-center gap-2 min-w-0">
<HardDrive className="h-4 w-4 text-blue-600 dark:text-blue-400 shrink-0" /> <HardDrive className="h-4 w-4 text-blue-600 dark:text-blue-400 shrink-0" />
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0 truncate">
<span className="text-sm text-blue-700 dark:text-blue-300 font-mono"> <span className="text-sm text-blue-700 dark:text-blue-300 font-mono">
<FolderOpen className="mr-1 inline h-3 w-3" /> <FolderOpen className="mr-1 inline h-3 w-3" />
{shortDisplayPath(att.networkPath)} {shortDisplayPath(att.networkPath)}