urbit/shrub
1
1
Fork 0
mirror of https://github.com/urbit/shrub.git synced 2024-12-01 06:35:32 +03:00
Code Issues Packages Projects Releases Wiki Activity

chat: code mode uses source code pro

Browse Source
This commit is contained in:
Matilde Park 2020-08-18 17:17:14 -04:00
parent 8c3ef9b87b
commit f7a2e043a3
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pkg/interface/src/views/apps/chat/components/lib/chat-editor.js
View File

@ -121,16 +121,18 @@ export default class ChatEditor extends Component {
return (
<div
className="chat fr h-100 flex bg-gray0-d lh-copy pl2 w-100 items-center"
style={{ flexGrow: 1, maxHeight: '224px', width: 'calc(100% - 72px)' }}
>
className={
'chat fr h-100 flex bg-gray0-d lh-copy pl2 w-100 items-center' +
(props.inCodeMode ? ' code' : '')
}
style={{ flexGrow: 1, maxHeight: '224px', width: 'calc(100% - 72px)' }}>
<CodeEditor
value={props.message}
options={options}
onChange={(e, d, v) => this.messageChange(e, d, v)}
editorDidMount={(editor) => {
this.editor = editor;
if (!(BROWSER_REGEX.test(navigator.userAgent))) {
if (!BROWSER_REGEX.test(navigator.userAgent)) {
editor.focus();
}
}}

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

@ -256,7 +256,11 @@ blockquote {
font-family: 'Inter';
}
.chat .CodeMirror.cm-s-code.chat .cm-s-tlon * {
.code, .chat.code .react-codemirror2 .CodeMirror * {
font-family: 'Source Code Pro';
}
.chat .CodeMirror.cm-s-code.chat * {
font-family: 'Source Code Pro';
}