plugin: add support for title

The commit adds support for the `title` property in `InputBoxOptions` which allows users to specify a title for their quick-input menus. The change also aligns the styling of the quick-input to use the proper input background used across the application, and for the `title`. Signed-off-by: vince-fugnitto <[email protected]>
eclipse-theia · Mar 24, 2022 · 08bb7cc · 08bb7cc
1 parent 4ade592
commit 08bb7cc
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 0 deletions.
diff --git a/packages/core/src/common/quick-pick-service.ts b/packages/core/src/common/quick-pick-service.ts
@@ -223,6 +223,7 @@ export interface PickOptions<T extends QuickPickItem> {
 }
 
 export interface InputOptions {
+    title?: string;
     value?: string;
     valueSelection?: [number, number];
     prompt?: string;

diff --git a/packages/monaco/src/browser/style/index.css b/packages/monaco/src/browser/style/index.css
@@ -259,3 +259,11 @@
 .monaco-editor .peekview-widget .monaco-list-row.focused.selected .codicon {
   color: var(--theia-list-activeSelectionForeground) !important;
 }
+
+.quick-input-titlebar {
+  background-color: var(--theia-input-background);
+}
+
+.quick-input-widget input {
+  background-color: var(--theia-input-background) !important;
+}
diff --git a/packages/plugin-ext/src/main/browser/quick-open-main.ts b/packages/plugin-ext/src/main/browser/quick-open-main.ts
@@ -115,6 +115,7 @@ export class QuickOpenMainImpl implements QuickOpenMain, Disposable {
         const inputOptions: InputOptions = Object.create(null);
 
         if (options) {
+            inputOptions.title = options.title;
             inputOptions.password = options.password;
             inputOptions.placeHolder = options.placeHolder;
             inputOptions.valueSelection = options.valueSelection;

diff --git a/packages/plugin/src/theia.d.ts b/packages/plugin/src/theia.d.ts
@@ -2253,6 +2253,11 @@ export module '@theia/plugin' {
      */
     export interface InputBoxOptions {
 
+        /**
+         * An optional string that represents the title of the input box.
+         */
+        title?: string;
+
         /**
          * The value to prefill in the input box.
          */