ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-14 17:41:33 +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 ( return (
<div <div
className="chat fr h-100 flex bg-gray0-d lh-copy pl2 w-100 items-center" className={
style={{ flexGrow: 1, maxHeight: '224px', width: 'calc(100% - 72px)' }} '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 <CodeEditor
value={props.message} value={props.message}
options={options} options={options}
onChange={(e, d, v) => this.messageChange(e, d, v)} onChange={(e, d, v) => this.messageChange(e, d, v)}
editorDidMount={(editor) => { editorDidMount={(editor) => {
this.editor = editor; this.editor = editor;
if (!(BROWSER_REGEX.test(navigator.userAgent))) { if (!BROWSER_REGEX.test(navigator.userAgent)) {
editor.focus(); editor.focus();
} }
}} }}

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

@ -256,7 +256,11 @@ blockquote {
font-family: 'Inter'; 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'; font-family: 'Source Code Pro';
} }