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

Merge pull request #3797 from urbit/mp/chat/indigo-inline-code

Browse Source 
chat: indigo-react inline code
This commit is contained in:
matildepark 2020-10-27 13:26:19 -04:00 committed by GitHub
commit 63615dd64d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pkg/interface/src/views/apps/chat/components/content/code.js
View File

@ -20,7 +20,7 @@ export default class CodeContent extends Component {
maxHeight='10em'
maxWidth='100%'
style={{ whiteSpace: 'pre' }}
backgroundColor='scales.black10'
backgroundColor='washedGray'
>
{content.code.output[0].join('\n')}
</Text>

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

@ -24,10 +24,30 @@ const DISABLED_INLINE_TOKENS = [
'reference'
];
const renderers = {
inlineCode: ({language, value}) => {
return <Text mono fontSize='14px' backgroundColor='washedGray' style={{ whiteSpace: 'preWrap'}}>{value}</Text>
},
code: ({language, value}) => {
return <Text
py='1'
className='clamp-message'
fontSize='14px'
display='block'
mono
backgroundColor='washedGray'
overflowX='scroll'
style={{ whiteSpace: 'pre'}}>
{value}
</Text>
}
};
const MessageMarkdown = React.memo(props => (
<ReactMarkdown
{...props}
unwrapDisallowed={true}
renderers={renderers}
allowNode={(node, index, parent) => {
if (
node.type === 'blockquote'

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

@ -225,16 +225,7 @@ blockquote {
font-size: 14px;
}
pre, code {
background-color: var(--light-gray);
}
pre code {
background-color: transparent;
white-space: pre-wrap;
}
code, .code, .chat.code .react-codemirror2 .CodeMirror * {
.chat.code .react-codemirror2 .CodeMirror * {
font-family: 'Source Code Pro';
}