fix: username wrapping for parting message (#4209)

This commit is contained in:
nya/nekojanai
2025-02-16 02:02:56 +01:00
committed by GitHub
parent eaf2e4b12a
commit e08b251b7c
2 changed files with 14 additions and 4 deletions

View File

@@ -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;
}
}

View File

@@ -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>
);
};