From 2d0fa2548da3bddbca521ca6eedc0c439a93e8d3 Mon Sep 17 00:00:00 2001 From: FernandoAscencio Date: Fri, 3 Mar 2023 12:31:56 -0500 Subject: [PATCH] Quick Input: Rollback overflow handling This commit undoes the overflow handling introduced in #12095. The overflow handling is the main culprit in several alignment issues Signed-Off-By: FernandoAscencio --- packages/monaco/src/browser/style/index.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/packages/monaco/src/browser/style/index.css b/packages/monaco/src/browser/style/index.css index 634980d4ad621..a10317d136aac 100644 --- a/packages/monaco/src/browser/style/index.css +++ b/packages/monaco/src/browser/style/index.css @@ -119,7 +119,6 @@ .monaco-icon-label-container > .monaco-icon-name-container { display: flex !important; - overflow: hidden; } .quick-input-list .monaco-list-row.focused { @@ -169,6 +168,15 @@ line-height: 22px; } +.quick-input-list + .quick-input-list-rows + > .quick-input-list-row + .monaco-icon-label + .monaco-icon-label-container + > .monaco-icon-name-container { + flex: 0 !important; +} + .quick-input-list-rows .quick-input-list-row .monaco-icon-label @@ -188,8 +196,6 @@ font-family: var(--theia-ui-font-family); font-size: var(--theia-ui-font-size1) !important; color: var(--theia-foreground) !important; - overflow: hidden; - text-overflow: ellipsis; } .quick-input-list .monaco-icon-label::before {