From f24d09f05a9759facb8d3dcd2ebe004d39edfeaf Mon Sep 17 00:00:00 2001 From: Connor Peet Date: Thu, 30 Jun 2022 10:02:35 -0700 Subject: [PATCH] testing: fix layout issues for long test labels (#153838) Fixes https://github.com/microsoft/vscode/issues/152959 Fixes https://github.com/microsoft/vscode/issues/152622 Some regressions caused by a PR (adding pre-wrap in an attempt to space icons). Instead use flex gap, and fixup sizing for the actions --- .../workbench/contrib/testing/browser/media/testing.css | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/src/vs/workbench/contrib/testing/browser/media/testing.css b/src/vs/workbench/contrib/testing/browser/media/testing.css index 7f42e463ff6c..d93803367a42 100644 --- a/src/vs/workbench/contrib/testing/browser/media/testing.css +++ b/src/vs/workbench/contrib/testing/browser/media/testing.css @@ -19,10 +19,11 @@ .test-output-peek-tree .test-peek-item .name { display: flex; align-items: center; -} - -.test-explorer .test-item .label { - white-space: pre-wrap; + flex-grow: 1; + gap: 0.15em; + width: 0; + overflow: hidden; + white-space: nowrap; } .test-explorer .test-item,