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.
2022-08-25 18:22:40 +02:00 · 2022-08-25 18:22:40 +02:00 · a74cd802fe
parent f9eaf56491
commit a74cd802fe
1 changed files with 2 additions and 0 deletions
--- 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,