fix(web): prevent crowding in narrow changes panel and dockview tabs (#727)

2026-04-28 22:23:14 +01:00
parent 2416b8dd49
commit 8694de20ea
5 changed files with 409 additions and 61 deletions
@@ -88,12 +88,16 @@ export function FileRow({
        />
        <button type="button" className="min-w-0 text-left cursor-pointer" title={file.path}>
          <p className="flex text-foreground text-xs min-w-0">
-            {folder && <span className="text-foreground/60 truncate shrink">{folder}/</span>}
-            <span className="font-medium text-foreground whitespace-nowrap shrink-0">{name}</span>
+            {folder && (
+              <span className="text-foreground/60 truncate min-w-0 [flex-shrink:9999]">
+                {folder}/
+              </span>
+            )}
+            <span className="font-medium text-foreground truncate min-w-0">{name}</span>
          </p>
        </button>
      </div>
-      <div className="flex items-center gap-2">
+      <div className="flex items-center gap-2 shrink-0">
        <FileRowActions path={file.path} onDiscard={onDiscard} onEditFile={onEditFile} />
        <LineStat added={file.plus} removed={file.minus} />
        <FileStatusIcon status={file.status} />