fix: username wrapping for parting message (#4209)
This commit is contained in:
@@ -1,16 +1,26 @@
|
||||
.root {
|
||||
display: inline-flex;
|
||||
padding: 10px 0;
|
||||
color: var(--theme-color-components-chat-text);
|
||||
font-weight: 400;
|
||||
font-size: var(--chat-message-text-size);
|
||||
|
||||
.moderatorBadge,
|
||||
.user {
|
||||
margin-right: 5px;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.partMessage {
|
||||
font-weight: 400;
|
||||
color: var(--theme-color-components-chat-text);
|
||||
font-size: var(--chat-message-text-size);
|
||||
}
|
||||
}
|
||||
|
||||
.icon {
|
||||
padding: 0 var(--chat-notification-icon-padding) 0 16px;
|
||||
}
|
||||
|
||||
@media screen and (width <= 350px) {
|
||||
.icon {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -35,8 +35,8 @@ export const ChatPartMessage: FC<ChatPartMessageProps> = ({
|
||||
<ModerationBadge userColor={userColor} />
|
||||
</span>
|
||||
)}
|
||||
<span className={styles.partMessage}>left the chat.</span>
|
||||
</span>
|
||||
left the chat.
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user