LogalDeveloper/owncast
0
Fork 0
Code Activity

be able to pick multiple emojis ; move up picker div to see emojis inputted into textfield; restore focus into textfield after picker closes; address #612 (#614)

Browse Source
This commit is contained in:
gingervitis
2021-01-09 18:26:56 -08:00
committed by GitHub
parent e6fd7fe871
commit 9e44c261fa
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
webroot/js/components/chat/chat-input.js
View File

@@ -68,6 +68,9 @@ export default class ChatInput extends Component {
custom: json, custom: json,
initialCategory: 'custom', initialCategory: 'custom',
showPreview: false, showPreview: false,
autoHide: false,
autoFocusSearch: false,
showAnimation: false,
emojiSize: '24px', emojiSize: '24px',
position: 'right-start', position: 'right-start',
strategy: 'absolute', strategy: 'absolute',
@@ -75,6 +78,10 @@ export default class ChatInput extends Component {
this.emojiPicker.on('emoji', emoji => { this.emojiPicker.on('emoji', emoji => {
this.handleEmojiSelected(emoji); this.handleEmojiSelected(emoji);
}); });
this.emojiPicker.on('hidden', () => {
this.formMessageInput.current.focus();
replaceCaret(this.formMessageInput.current);
});
}) })
.catch(error => { .catch(error => {
// this.handleNetworkingError(`Emoji Fetch: ${error}`); // this.handleNetworkingError(`Emoji Fetch: ${error}`);

3
webroot/styles/chat.css
View File

@@ -81,6 +81,9 @@
/******************************/ /******************************/
/* EMOJI PICKER OVERRIDES */ /* EMOJI PICKER OVERRIDES */
.emoji-picker__wrapper {
margin-top: -30px !important;
}
.emoji-picker.owncast { .emoji-picker.owncast {
--secondary-text-color: rgba(255, 255, 255, 0.5); --secondary-text-color: rgba(255, 255, 255, 0.5);
--category-button-color: rgba(255, 255, 255, 0.5); --category-button-color: rgba(255, 255, 255, 0.5);