fix(ui): wrap workspace paths and always show copy icon in properties sidebar

Long branch/folder paths now wrap with break-all instead of truncating
and overflowing. Copy icon is always visible instead of hover-only,
since the sidebar is narrow and hover-reveal was hiding it behind overflow.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
dotta
2026-04-06 08:18:18 -05:00
parent 93e8e6447d
commit eda127a2b2
+4 -4
View File
@@ -35,14 +35,14 @@ function TruncatedCopyable({ value, icon: Icon }: { value: string; icon: React.C
}, [value]);
return (
<div className="flex items-center gap-1.5 min-w-0 flex-1 group/copy">
<Icon className="h-3.5 w-3.5 text-muted-foreground shrink-0" />
<span className="text-sm font-mono truncate min-w-0" title={value}>
<div className="flex items-start gap-1.5 min-w-0 flex-1">
<Icon className="h-3.5 w-3.5 text-muted-foreground shrink-0 mt-0.5" />
<span className="text-sm font-mono min-w-0 break-all">
{value}
</span>
<button
type="button"
className="shrink-0 p-0.5 rounded hover:bg-accent/50 transition-colors text-muted-foreground hover:text-foreground opacity-0 group-hover/copy:opacity-100 focus:opacity-100"
className="shrink-0 p-0.5 rounded hover:bg-accent/50 transition-colors text-muted-foreground hover:text-foreground"
onClick={handleCopy}
title={copied ? "Copied!" : "Copy"}
>