From 8ec4032cf7cc1537b4f6f0414c1e8cad784f7c05 Mon Sep 17 00:00:00 2001 From: l0ng-ai <24760907+l0ng-ai@users.noreply.github.com> Date: Thu, 5 Nov 2026 08:25:29 +0800 Subject: [PATCH] fix(vcs): let Commit and Shelf tree names use the whole row width File and folder names in the Commit tool window's changes tree (and the Shelf tree, which shares the styles) were capped at 75% of the row, so a long folder name was cut with an ellipsis while a quarter of the row stayed empty, and the gap grew as the window widened. The name now takes the whole row; when it does not fit, the grey detail after it (the path or file count) is truncated first. Stash rows keep their previous shrinking. Fixes #1367 --- src/features/vcs/CommitView.module.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/features/vcs/CommitView.module.css b/src/features/vcs/CommitView.module.css index 6f69a9c53..6e0fafb41 100644 --- a/src/features/vcs/CommitView.module.css +++ b/src/features/vcs/CommitView.module.css @@ -62,9 +62,9 @@ .icon { flex: none; } +/* The name takes the whole row; when it doesn't fit, the grey detail after it gives way first. */ .label { - flex: 0 0 auto; - max-width: 75%; + flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; @@ -74,6 +74,7 @@ font-weight: 600; } .detail { + flex: 0 10000 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; @@ -190,6 +191,9 @@ align-items: center; gap: 8px; } +.stashRow > .detail { + flex-shrink: 1; +} .stashMessage { flex: 1; min-width: 0;