Use 16px font size to prevent auto zoom on iOS Safari. Shorten the 'type here' message so it doesn't wrap to a second line when the chat pane becomes a column on the right side of larger screens. Re #2276. (#2294)

This commit is contained in:
Matthew Heller 2022-11-02 14:34:57 -05:00 committed by GitHub
parent 72cfbe4c21
commit 64b20cf070
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions

View File

@ -33,7 +33,7 @@
} }
div[role='textbox'] { div[role='textbox'] {
font-size: 0.9rem; font-size: 16px;
padding: 0.3rem; padding: 0.3rem;
background-color: inherit; background-color: inherit;
border-color: var(--theme-color-components-form-field-border); border-color: var(--theme-color-components-form-field-border);

View File

@ -253,7 +253,7 @@ export const ChatTextField: FC<ChatTextFieldProps> = ({ defaultText }) => {
onKeyDown={onKeyDown} onKeyDown={onKeyDown}
onPaste={onPaste} onPaste={onPaste}
renderElement={renderElement} renderElement={renderElement}
placeholder="Chat message goes here..." placeholder="Send a message to chat"
style={{ width: '100%' }} style={{ width: '100%' }}
autoFocus autoFocus
/> />