ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-15 18:12:47 +03:00
Code Issues Packages Projects Releases Wiki Activity

chat: break overflowing one-word messages

Browse Source 
Fixes #3358.
This commit is contained in:
Matilde Park 2020-08-25 21:34:51 -04:00
parent 9f96259261
commit ed17475f12
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
pkg/interface/src/views/apps/chat/components/lib/content/text.js
View File

@ -3,6 +3,7 @@ import { Link } from 'react-router-dom';
import ReactMarkdown from 'react-markdown'; import ReactMarkdown from 'react-markdown';
import RemarkDisableTokenizers from 'remark-disable-tokenizers'; import RemarkDisableTokenizers from 'remark-disable-tokenizers';
import urbitOb from 'urbit-ob'; import urbitOb from 'urbit-ob';
import { Box } from '@tlon/indigo-react';
const DISABLED_BLOCK_TOKENS = [ const DISABLED_BLOCK_TOKENS = [
'indentedCode', 'indentedCode',
@ -55,9 +56,9 @@ export default class TextContent extends Component {
); );
} else { } else {
return ( return (
<section className="chat-md-message"> <Box style={{ overflowWrap: 'break-word' }}>
<MessageMarkdown source={content.text} /> <MessageMarkdown source={content.text} />
</section> </Box>
); );
} }
} }

4
pkg/interface/src/views/apps/chat/css/custom.css
View File

@ -70,10 +70,6 @@ h2 {
line-height: 16px; line-height: 16px;
} }
.chat-md-message > pre {
overflow-x: auto;
}
.mono { .mono {
font-family: "Source Code Pro", monospace; font-family: "Source Code Pro", monospace;
} }