fix(flat-components): handle very long user name (#1408)

netless-io · Mar 4, 2022 · 5f421c3 · 5f421c3
1 parent 51cba1b
commit 5f421c3
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/flat-components/src/components/ChatPanel/ChatMessage/style.less b/packages/flat-components/src/components/ChatPanel/ChatMessage/style.less
@@ -22,10 +22,14 @@
 
 .chat-message-user-time {
     color: var(--text-weaker);
+    flex-shrink: 0;
 }
 
 .chat-message-user-name {
     color: var(--text);
+    overflow: hidden;
+    display: inline-block;
+    text-overflow: ellipsis;
 }
 
 .chat-message-user-avatar {
@@ -34,6 +38,7 @@
     height: 24px;
     border-radius: 50%;
     overflow: hidden;
+    flex-shrink: 0;
 
     & > img {
         max-width: 100%;