From a74cd802fe9eec4f71b7d38b37c0fb1017eccae6 Mon Sep 17 00:00:00 2001 From: Johann150 Date: Thu, 25 Aug 2022 18:22:40 +0200 Subject: [PATCH] enhance: don't cut off long instance names Instead of silently cutting of the name of the instance this should properly ellipsize the name at the end of the available space. --- packages/client/src/components/instance-ticker.vue | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/client/src/components/instance-ticker.vue b/packages/client/src/components/instance-ticker.vue index 9e439ca37..12861f995 100644 --- a/packages/client/src/components/instance-ticker.vue +++ b/packages/client/src/components/instance-ticker.vue @@ -37,6 +37,8 @@ const bg = { height: $height; border-radius: 4px 0 0 4px; overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; color: #fff; text-shadow: /* .866 ≈ sin(60deg) */ 1px 0 1px #000,