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: bumping chat input size

Browse Source
This commit is contained in:
Matilde Park 2020-10-05 17:28:29 -04:00
parent 1b73029bc9
commit 00703e74a1
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
pkg/interface/src/views/apps/chat/components/lib/ChatInput.tsx
View File

@ -49,7 +49,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
this.submit = this.submit.bind(this); this.submit = this.submit.bind(this);
this.toggleCode = this.toggleCode.bind(this); this.toggleCode = this.toggleCode.bind(this);
} }
toggleCode() { toggleCode() {
@ -81,7 +81,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
} }
} }
submit(text) { submit(text) {
const { props, state } = this; const { props, state } = this;
@ -133,7 +133,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
{ url } { url }
); );
} }
} }
uploadError(error) { uploadError(error) {
@ -205,7 +205,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
onPaste={this.onPaste.bind(this)} onPaste={this.onPaste.bind(this)}
placeholder='Message...' placeholder='Message...'
/> />
<div className="ml2 mr2" <div className="ml2 mr2 flex-shrink-0"
style={{ style={{
height: '16px', height: '16px',
width: '16px', width: '16px',
@ -227,7 +227,7 @@ export default class ChatInput extends Component<ChatInputProps, ChatInputState>
/> />
</S3Upload> </S3Upload>
</div> </div>
<div className="mr2" style={{ <div className="mr2 flex-shrink-0" style={{
height: '16px', height: '16px',
width: '16px', width: '16px',
flexBasis: 16, flexBasis: 16,

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

@ -136,7 +136,7 @@ export default class ChatEditor extends Component {
'chat fr h-100 flex bg-gray0-d lh-copy w-100 items-center ' + 'chat fr h-100 flex bg-gray0-d lh-copy w-100 items-center ' +
(inCodeMode ? ' code' : '') (inCodeMode ? ' code' : '')
} }
style={{ flexGrow: 1, paddingBottom: '3px', maxHeight: '224px', width: 'calc(100% - 72px)' }}> style={{ flexGrow: 1, paddingBottom: '3px', maxHeight: '224px', width: 'calc(100% - 88px)' }}>
<CodeEditor <CodeEditor
value={message} value={message}
options={options} options={options}

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

@ -380,7 +380,8 @@ pre.CodeMirror-placeholder.CodeMirror-line-like { color: var(--gray); }
.chat .cm-s-tlon.CodeMirror { .chat .cm-s-tlon.CodeMirror {
background: #333; background: #333;
color: #fff; color: #fff;
font-size: 12px; font-size: 16px;
margin-top: 6px;
} }
.chat .cm-s-tlon span.cm-def { .chat .cm-s-tlon span.cm-def {