From db8c80783655a25629aace1e5d5dd5f544f086d3 Mon Sep 17 00:00:00 2001 From: Akos Kitta Date: Wed, 12 Jun 2019 18:01:25 +0200 Subject: [PATCH] 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 --- packages/scm/src/browser/style/index.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/packages/scm/src/browser/style/index.css b/packages/scm/src/browser/style/index.css index 64f9a87ea3c80..127eed000603e 100644 --- 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;