haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(chat): ensure really long words can trigger wrapping

This commit is contained in:
Leonard Kim 2019-05-09 07:50:36 -07:00 committed by virtuacoplenny
parent afde717ca4
commit a114d55fac
2 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
css/_chat.scss
View File

@ -173,8 +173,10 @@
.chatmessage { .chatmessage {
background-color: $chatRemoteMessageBackgroundColor; background-color: $chatRemoteMessageBackgroundColor;
border-radius: 0px 6px 6px 6px; border-radius: 0px 6px 6px 6px;
margin-top: 3px; box-sizing: border-box;
color: white; color: white;
margin-top: 3px;
max-width: 100%;
padding-bottom: 3px; padding-bottom: 3px;
position: relative; position: relative;

11
react/features/chat/components/web/ChatMessageGroup.js
View File

@ -49,12 +49,11 @@ class ChatMessageGroup extends Component<Props> {
<div className = { `chat-message-group ${className}` }> <div className = { `chat-message-group ${className}` }>
{ {
messages.map((message, i) => ( messages.map((message, i) => (
<div key = { i }> <ChatMessage
<ChatMessage key = { i }
key = { i } message = { message }
message = { message } showDisplayName = { i === 0 } />
showDisplayName = { i === 0 } /> ))
</div>))
} }
<div className = 'chat-message-group-footer'> <div className = 'chat-message-group-footer'>
{ getLocalizedDateFormatter( { getLocalizedDateFormatter(