CSS: more tweaks to cut off vertical zalgo text
This commit is contained in:
parent
3720092c09
commit
983d5ea09c
@ -30,7 +30,7 @@ export default (el) => {
|
||||
return html`
|
||||
${ el.model.get('is_spoiler') ? tpl_spoiler_hint : '' }
|
||||
${ 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
|
||||
class="chat-msg__text ${el.model.get('is_only_emojis') ? 'chat-msg__text--larger' : ''} ${spoiler_classes}"
|
||||
.model="${el.model}"
|
||||
|
@ -156,7 +156,7 @@
|
||||
}
|
||||
|
||||
converse-chat-message-body {
|
||||
display: inline;
|
||||
overflow-y: hidden; // Hide zalgo text that overflows vertically
|
||||
}
|
||||
|
||||
.chat-msg__message {
|
||||
@ -165,8 +165,8 @@
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
overflow-wrap: break-word;
|
||||
span {
|
||||
overflow-y: hidden;
|
||||
.chat-msg__body--wrapper {
|
||||
display: flex;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user