style: quick input box fix 1/2

Work in progess here, hopefully first step of 2. Signed-off-by: FernandoAscencio <fernando.ascencio.cama@ericsson.com>
eclipse-theia · Jan 20, 2023 · e095b96 · e095b96
1 parent bf600d7
commit e095b96
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/monaco/src/browser/style/index.css b/packages/monaco/src/browser/style/index.css
@@ -99,8 +99,9 @@
 
 /* Monaco Quick Input */
 .quick-input-widget {
-  width: 600px !important;
-  margin-left: -300px !important;
+  width: 40vw !important;
+  min-width: 300px;
+  margin-left: min(-20vw,-150px) !important;
   background-color: var(--theia-quickInput-background) !important;
   color: var(--theia-foreground) !important;
 }