From 19c50f5d0ca50c329028e62c3c2534ac5fd13545 Mon Sep 17 00:00:00 2001
From: tamaina <tamaina@hotmail.co.jp>
Date: Wed, 30 Nov 2022 04:53:24 +0000
Subject: [PATCH] :art: MkInstanceTicker

---
 packages/client/src/components/MkInstanceTicker.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/client/src/components/MkInstanceTicker.vue b/packages/client/src/components/MkInstanceTicker.vue
index d8228b2c0f..646172fe8d 100644
--- a/packages/client/src/components/MkInstanceTicker.vue
+++ b/packages/client/src/components/MkInstanceTicker.vue
@@ -57,10 +57,16 @@ $height: 2ex;
 		0 -1px 1px #000,
 		.5px -.866px 1px #000,
 		.866px -.5px 1px #000;
+	mask-image: linear-gradient(90deg,
+		rgb(0,0,0),
+		rgb(0,0,0) calc(100% - 16px),
+		rgba(0,0,0,0) 100%
+	);
 }
 
 .icon {
 	height: $height;
+	flex-shrink: 0;
 }
 
 .name {
@@ -68,5 +74,7 @@ $height: 2ex;
 	line-height: 1;
 	font-size: 0.9em;
 	font-weight: bold;
+	white-space: nowrap;
+	overflow: visible;
 }
 </style>