From 2efcea164fdf12dc47c2bea4eda39fe0f97f5faa Mon Sep 17 00:00:00 2001 From: Artem Zatsarynnyi Date: Mon, 3 Apr 2017 17:55:14 +0300 Subject: [PATCH] CHE-4628: shrink machine and command names in processes list when text is too long --- .../eclipse/che/ide/command/toolbar/processes/styles.css | 6 ++++++ .../src/main/resources/org/eclipse/che/ide/menu/menu.css | 1 + 2 files changed, 7 insertions(+) diff --git a/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/command/toolbar/processes/styles.css b/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/command/toolbar/processes/styles.css index 088bd9e6596..2a21b29e651 100644 --- a/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/command/toolbar/processes/styles.css +++ b/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/command/toolbar/processes/styles.css @@ -45,12 +45,18 @@ .processWidgetMachineNameLabel { float: left; color: #a3a3a3; + overflow: hidden; + text-overflow: ellipsis; + max-width: literal("calc(100% - 50px)"); } .processWidgetCommandNameLabel { float: left; color: #e3e3e3; font-weight: bold; + overflow: hidden; + text-overflow: ellipsis; + max-width: literal("calc(100% - 200px)"); } .processWidgetPidLabel { diff --git a/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/menu/menu.css b/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/menu/menu.css index 6846248ec53..5fc213a07a9 100644 --- a/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/menu/menu.css +++ b/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/menu/menu.css @@ -81,6 +81,7 @@ } .rightPanel { + min-width: 0; width: 100%; float: left; height: inherit;