Browse Source

Only show chat send button on mobile

pull/2174/head
Gabe Kangas 3 years ago
parent
commit
45c7fa4f7e
No known key found for this signature in database
GPG Key ID: 9A56337728BC81EA
  1. 13
      web/components/chat/ChatTextField/ChatTextField.module.scss
  2. 2
      web/components/chat/ChatTextField/ChatTextField.tsx

13
web/components/chat/ChatTextField/ChatTextField.module.scss

@ -46,3 +46,16 @@ @@ -46,3 +46,16 @@
cursor: pointer;
padding: 0 1rem;
}
.sendButton {
border: none;
background: none;
cursor: pointer;
padding: 0 1rem;
display: none;
// Only show the chat send button on narrow screens to assist in mobile use.
@media (max-width: 768px) {
display: block;
}
}

2
web/components/chat/ChatTextField/ChatTextField.tsx

@ -235,7 +235,7 @@ export const ChatTextField: FC<ChatTextFieldProps> = () => { @@ -235,7 +235,7 @@ export const ChatTextField: FC<ChatTextFieldProps> = () => {
</button>
<button
type="button"
className={styles.emojiButton}
className={styles.sendButton}
title="Send message Button"
onClick={sendMessage}
>

Loading…
Cancel
Save