monaco: quick input regression fix

This commit is the first attempt to fix the regression introduced in eclipse-theia#12095 Signed-Off-By: FernandoAscencio <[email protected]>
FernandoAscencio · Feb 23, 2023 · 5ce3db9 · 5ce3db9
1 parent f496793
commit 5ce3db9
Showing 1 changed file with 7 additions and 22 deletions.
diff --git a/packages/monaco/src/browser/style/index.css b/packages/monaco/src/browser/style/index.css
@@ -103,25 +103,6 @@
   color: var(--theia-foreground) !important;
 }
 
-.quick-input-list
-  .quick-input-list-rows
-  > .quick-input-list-row
-  .monaco-icon-label,
-.quick-input-list
-  .quick-input-list-rows
-  > .quick-input-list-row
-  .monaco-icon-label
-  .monaco-icon-label-container,
-.quick-input-list
-  .quick-input-list-rows
-  > .quick-input-list-row
-  .monaco-icon-label
-  .monaco-icon-label-container
-  > .monaco-icon-name-container {
-  display: flex !important;
-  overflow: hidden;
-}
-
 .quick-input-list .monaco-list-row.focused {
   background-color: var(--theia-quickInputList-focusBackground) !important;
 }
@@ -165,8 +146,9 @@
 }
 
 .monaco-icon-label > .monaco-icon-label-container {
-  flex: 1 !important;
+  flex: 1;
   line-height: 22px;
+  margin-top: -3px;
 }
 
 .quick-input-list-rows
@@ -188,8 +170,11 @@
     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.codicon {
+  display: flex;
+  text-align: left;
 }
 
 .quick-input-list .monaco-icon-label::before {