workspace: fix path alignment in dialogs

The commit fixes the alignment when displaying the path in the workspace input dialog (ex: new file, new folder). The path is now correctly aligned with the icon. The change also includes the full path to the folder when hovering over the label (useful for multi-root workspaces especially). Signed-off-by: vince-fugnitto <[email protected]> Co-authored-by: shuyaqian <[email protected]>
eclipse-theia · Mar 3, 2022 · 1fbb7fe · 1fbb7fe
1 parent 41a2f5b
commit 1fbb7fe
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/workspace/src/browser/workspace-input-dialog.ts b/packages/workspace/src/browser/workspace-input-dialog.ts
@@ -49,6 +49,9 @@ export class WorkspaceInputDialog extends SingleTextInputDialog {
         const icon = document.createElement('i');
         icon.classList.add(...codiconArray('folder'));
         icon.style.marginRight = '0.5em';
+        icon.style.verticalAlign = 'middle';
+        element.style.verticalAlign = 'middle';
+        element.title = this.props.parentUri.path.toString();
         element.appendChild(icon);
         element.appendChild(document.createTextNode(label));
         // Add the path and icon div before the `inputField`.