mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-21 12:18:02 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix: username wrapping (#3975)

Browse source
This commit is contained in:
nekojanai 2024-10-31 06:13:28 +01:00 committed by GitHub
parent ed21911288
commit 8e89dfb345
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
web/components/chat/ChatJoinMessage/ChatJoinMessage.module.scss
View file

@ -1,16 +1,27 @@
.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;
}
.joinMessage {
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 (max-width: 350px) {
.icon {
padding-left: 0;
}
}

2
web/components/chat/ChatJoinMessage/ChatJoinMessage.tsx
View file

@ -35,8 +35,8 @@ export const ChatJoinMessage: FC<ChatJoinMessageProps> = ({
<ModerationBadge userColor={userColor} />
</span>
)}
<span className={styles.joinMessage}>joined the chat.</span>
</span>
joined the chat.
</div>
);
};