Use a text-overflow style for the placeholder.

Otherwise, the placeholder won't fit into the default side-panel width and multi line `textarea` will be rendered instead. This CSS style adjusts the `textarea` behavior to VS Code. Signed-off-by: Akos Kitta <[email protected]>
eclipse-theia · Jun 13, 2019 · db8c807 · db8c807
1 parent 69c9d51
commit db8c807
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/packages/scm/src/browser/style/index.css b/packages/scm/src/browser/style/index.css
@@ -102,6 +102,12 @@
     padding: 4px 4px 4px 4px;
 }
 
+.theia-scm-input-message-container textarea:placeholder-shown { 
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
 .theia-scm-input-message-container textarea:not(:focus) {
     border-style: solid;
     border-width: 1px;