michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Fix messages white-space

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2021-12-12 18:45:43 +05:30
parent 88a988d876
commit e2b347c783
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/molecules/message/Message.jsx
View file

@ -169,7 +169,7 @@ const MessageBody = React.memo(({
const content = isCustomHTML const content = isCustomHTML
? twemojify(sanitizeCustomHtml(body), undefined, true, false) ? twemojify(sanitizeCustomHtml(body), undefined, true, false)
: twemojify(body, undefined, true); : <p>{twemojify(body, undefined, true)}</p>;
return ( return (
<div className="message__body"> <div className="message__body">

10
src/app/molecules/message/Message.scss
View file

@ -180,6 +180,10 @@
.message__body { .message__body {
word-break: break-word; word-break: break-word;
& > .text > * {
white-space: pre-wrap;
}
& a { & a {
word-break: break-word; word-break: break-word;
} }
@ -331,19 +335,19 @@
& h1, & h1,
& h2 { & h2 {
color: var(--tc-surface-high); color: var(--tc-surface-high);
margin: var(--sp-extra-loose) 0 var(--sp-normal); margin: var(--sp-loose) 0 var(--sp-normal);
line-height: var(--lh-h1); line-height: var(--lh-h1);
} }
& h3, & h3,
& h4 { & h4 {
color: var(--tc-surface-high); color: var(--tc-surface-high);
margin: var(--sp-loose) 0 var(--sp-tight); margin: var(--sp-normal) 0 var(--sp-tight);
line-height: var(--lh-h2); line-height: var(--lh-h2);
} }
& h5, & h5,
& h6 { & h6 {
color: var(--tc-surface-high); color: var(--tc-surface-high);
margin: var(--sp-normal) 0 var(--sp-extra-tight); margin: var(--sp-tight) 0 var(--sp-extra-tight);
line-height: var(--lh-s1); line-height: var(--lh-s1);
} }
& hr { & hr {