Quick Input: Rollback overflow handling

This commit undoes the overflow handling introduced in eclipse-theia#12095. The overflow handling is the main culprit in several alignment issues Signed-Off-By: FernandoAscencio <[email protected]>
FernandoAscencio · Mar 3, 2023 · 2d0fa25 · 2d0fa25
1 parent f7ef6b5
commit 2d0fa25
Showing 1 changed file with 9 additions and 3 deletions.
diff --git 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 {