From af6040186292ba9dbe9d56338f33f23692c8438a Mon Sep 17 00:00:00 2001 From: hyrious Date: Fri, 4 Mar 2022 11:46:32 +0800 Subject: [PATCH] fix(flat-components): handle very long user name --- .../src/components/ChatPanel/ChatMessage/style.less | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/packages/flat-components/src/components/ChatPanel/ChatMessage/style.less b/packages/flat-components/src/components/ChatPanel/ChatMessage/style.less index e0b347680e4..66adbff8ea4 100644 --- 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%;