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

CSS: more tweaks to cut off vertical zalgo text

Browse Source
This commit is contained in:
JC Brand 2022-09-28 12:53:35 +02:00
parent 3720092c09
commit 983d5ea09c
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/shared/chat/templates/message-text.js
View File

@ -30,7 +30,7 @@ export default (el) => {
return html` return html`
${ el.model.get('is_spoiler') ? tpl_spoiler_hint : '' } ${ el.model.get('is_spoiler') ? tpl_spoiler_hint : '' }
${ el.model.get('subject') ? html`<div class="chat-msg__subject">${el.model.get('subject')}</div>` : '' } ${ el.model.get('subject') ? html`<div class="chat-msg__subject">${el.model.get('subject')}</div>` : '' }
<span> <span class="chat-msg__body--wrapper">
<converse-chat-message-body <converse-chat-message-body
class="chat-msg__text ${el.model.get('is_only_emojis') ? 'chat-msg__text--larger' : ''} ${spoiler_classes}" class="chat-msg__text ${el.model.get('is_only_emojis') ? 'chat-msg__text--larger' : ''} ${spoiler_classes}"
.model="${el.model}" .model="${el.model}"

6
src/shared/styles/messages.scss
View File

@ -156,7 +156,7 @@
} }
converse-chat-message-body { converse-chat-message-body {
display: inline; overflow-y: hidden; // Hide zalgo text that overflows vertically
} }
.chat-msg__message { .chat-msg__message {
@ -165,8 +165,8 @@
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
overflow-wrap: break-word; overflow-wrap: break-word;
span { .chat-msg__body--wrapper {
overflow-y: hidden; display: flex;
} }
} }