nostr/iris-messenger
1
0
Fork 0
mirror of https://github.com/irislib/iris-messenger.git synced 2024-10-18 14:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix wrap of long words

Browse Source
This commit is contained in:
Martti Malmi 2023-06-28 17:10:55 +03:00
parent d8b616b4bd
commit 32fa6bf3f2
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/index.css
View File

@ -46,4 +46,10 @@ img, video {
.pb-safe-area {
padding-bottom: env(safe-area-inset-bottom);
}
.preformatted-wrap {
white-space: pre-wrap;
overflow-wrap: break-word;
word-break: break-all;
}

4
src/js/components/events/Note.tsx
View File

@ -324,8 +324,8 @@ const Note = ({
{(replyingToUsers?.length && !isQuoting && renderReplyingTo()) || null}
{standalone && renderHelmet()}
{meta.torrentId && <Torrent torrentId={meta.torrentId} autopause={!standalone} />}
{text?.length > 0 && ( // TODO: remove whitespace-pre-wrap, replace \n with <br />
<div className={`whitespace-pre-wrap break-words py-2 ${emojiOnly && 'text-2xl'}`}>
{text?.length > 0 && (
<div className={`preformatted-wrap py-2 ${emojiOnly && 'text-2xl'}`}>
{text}
{translatedText && (
<p>