Skip to content

Commit b283aaa

Browse files
authored
fix message word wrap (#265)
1 parent 050e9d6 commit b283aaa

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

src/components/ConversationMessageList/styles.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,13 +47,17 @@
4747
min-width: 50%;
4848
max-width: 60%;
4949
text-align: left;
50-
word-break: break-word;
5150
hyphens: auto;
5251
padding: 10px 15px;
5352
background: $sms-bubble-background-color;
5453
border-radius: 16px;
5554
min-height: 13px;
5655
box-sizing: content-box;
56+
/* For Firefox */
57+
white-space: pre-wrap;
58+
word-break: break-all;
59+
/* For Chrome and IE */
60+
word-wrap: break-word;
5761
}
5862

5963
.messageBody.inbound {

0 commit comments

Comments
 (0)