Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Try to more intelligently break up long messages.

Browse Source 
Use break-word in long URLs but not otherwise.
This commit is contained in:
JC Brand 2018-04-29 15:46:46 +02:00
parent 1873c43956
commit d316445fa0
3 changed files with 28 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/converse.css
View File

@ -8402,19 +8402,23 @@ body.reset {
whitespace: nowrap; } whitespace: nowrap; }
#conversejs .message.chat-msg .chat-msg-content { #conversejs .message.chat-msg .chat-msg-content {
margin-left: 0.5rem; margin-left: 0.5rem;
word-wrap: break-word;
width: 100%; } width: 100%; }
#conversejs .message.chat-msg.headline .chat-msg-content { #conversejs .message.chat-msg.headline .chat-msg-content {
margin-left: 0; } margin-left: 0; }
#conversejs .message.chat-msg .chat-msg-text { #conversejs .message.chat-msg .chat-msg-text {
padding: 0; padding: 0;
color: #666; color: #666; }
word-wrap: break-word; #conversejs .message.chat-msg .chat-msg-text a {
word-break: break-all; } word-wrap: break-word;
word-break: break-all; }
#conversejs .message.chat-msg .chat-msg-text .emojione { #conversejs .message.chat-msg .chat-msg-text .emojione {
margin-bottom: -6px; } margin-bottom: -6px; }
#conversejs .message.chat-msg .chat-msg-media audio { #conversejs .message.chat-msg .chat-msg-media {
width: 100%; } margin-top: 0.25rem; }
#conversejs .message.chat-msg .chat-msg-media a {
word-wrap: break-word; }
#conversejs .message.chat-msg .chat-msg-media audio {
width: 100%; }
#conversejs .message.chat-msg .avatar { #conversejs .message.chat-msg .avatar {
margin-top: 0.5em; margin-top: 0.5em;
background: #818479; background: #818479;

16
css/inverse.css
View File

@ -8590,19 +8590,23 @@ body {
whitespace: nowrap; } whitespace: nowrap; }
#conversejs .message.chat-msg .chat-msg-content { #conversejs .message.chat-msg .chat-msg-content {
margin-left: 0.5rem; margin-left: 0.5rem;
word-wrap: break-word;
width: 100%; } width: 100%; }
#conversejs .message.chat-msg.headline .chat-msg-content { #conversejs .message.chat-msg.headline .chat-msg-content {
margin-left: 0; } margin-left: 0; }
#conversejs .message.chat-msg .chat-msg-text { #conversejs .message.chat-msg .chat-msg-text {
padding: 0; padding: 0;
color: #666; color: #666; }
word-wrap: break-word; #conversejs .message.chat-msg .chat-msg-text a {
word-break: break-all; } word-wrap: break-word;
word-break: break-all; }
#conversejs .message.chat-msg .chat-msg-text .emojione { #conversejs .message.chat-msg .chat-msg-text .emojione {
margin-bottom: -6px; } margin-bottom: -6px; }
#conversejs .message.chat-msg .chat-msg-media audio { #conversejs .message.chat-msg .chat-msg-media {
width: 100%; } margin-top: 0.25rem; }
#conversejs .message.chat-msg .chat-msg-media a {
word-wrap: break-word; }
#conversejs .message.chat-msg .chat-msg-media audio {
width: 100%; }
#conversejs .message.chat-msg .avatar { #conversejs .message.chat-msg .avatar {
margin-top: 0.5em; margin-top: 0.5em;
background: #818479; background: #818479;

12
sass/_messages.scss
View File

@ -93,7 +93,6 @@
} }
.chat-msg-content { .chat-msg-content {
margin-left: 0.5rem; margin-left: 0.5rem;
word-wrap: break-word;
width: 100%; width: 100%;
} }
&.headline { &.headline {
@ -105,15 +104,20 @@
.chat-msg-text { .chat-msg-text {
padding: 0; padding: 0;
color: $message-text-color; color: $message-text-color;
word-wrap: break-word; a {
word-break: break-all; word-wrap: break-word;
word-break: break-all;
}
.emojione { .emojione {
margin-bottom: -6px; margin-bottom: -6px;
} }
} }
.chat-msg-media { .chat-msg-media {
margin-top: 0.25rem;
a {
word-wrap: break-word;
}
audio { audio {
width: 100%; width: 100%;
} }