LogalDeveloper/owncast
0
Fork 0
Code Activity

Only show chat send button on mobile

Browse Source
This commit is contained in:
Gabe Kangas
2022-10-04 19:04:23 -07:00
parent 6c9f9f6507
commit 45c7fa4f7e
2 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -46,3 +46,16 @@
cursor: pointer; cursor: pointer;
padding: 0 1rem; 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
View File

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