From 0e33525d7b07f1e269edc447876e54b0cb044b39 Mon Sep 17 00:00:00 2001 From: Michael Jumper Date: Sat, 22 Jun 2019 17:47:57 -0700 Subject: [PATCH 1/2] GUACAMOLE-723: Use ellipsis for overflowing connection names within the connection selection menu. --- .../webapp/app/client/styles/connection-select-menu.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/guacamole/src/main/webapp/app/client/styles/connection-select-menu.css b/guacamole/src/main/webapp/app/client/styles/connection-select-menu.css index 50445634b..07217bd95 100644 --- a/guacamole/src/main/webapp/app/client/styles/connection-select-menu.css +++ b/guacamole/src/main/webapp/app/client/styles/connection-select-menu.css @@ -35,6 +35,7 @@ font-size: 0.8em; right: auto; left: 0; + max-width: 100%; } .connection-select-menu .menu-dropdown .menu-contents .filter input { @@ -46,3 +47,10 @@ margin-bottom: 0.5em; padding: 0; } + +.connection-select-menu .menu-dropdown .menu-contents .group-list .caption { + display: inline-block; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; +} From 47ed39fb3356ab627bd58d6ccfd94b63d179fd52 Mon Sep 17 00:00:00 2001 From: Michael Jumper Date: Sat, 22 Jun 2019 18:54:17 -0700 Subject: [PATCH 2/2] GUACAMOLE-723: Prefer a wider connection selection menu, but no wider than the sidebar. --- .../main/webapp/app/client/styles/connection-select-menu.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/guacamole/src/main/webapp/app/client/styles/connection-select-menu.css b/guacamole/src/main/webapp/app/client/styles/connection-select-menu.css index 07217bd95..3abfaa45e 100644 --- a/guacamole/src/main/webapp/app/client/styles/connection-select-menu.css +++ b/guacamole/src/main/webapp/app/client/styles/connection-select-menu.css @@ -35,7 +35,8 @@ font-size: 0.8em; right: auto; left: 0; - max-width: 100%; + max-width: 100vw; + width: 400px; } .connection-select-menu .menu-dropdown .menu-contents .filter input {