diff options
author | Joas Schilling <coding@schilljs.com> | 2022-10-11 15:45:53 +0300 |
---|---|---|
committer | backportbot-nextcloud[bot] <backportbot-nextcloud[bot]@users.noreply.github.com> | 2022-10-13 16:36:37 +0300 |
commit | 8cc76a3781092ed296652ec5aa49921ef254a58a (patch) | |
tree | 0fcfe2c0b17f5a65bca2269f5c135f05b06f1863 | |
parent | 8b2f9c68f0bbfe36ee2d024534c813c89fe96a76 (diff) |
Keep emoji picker open
Signed-off-by: Joas Schilling <coding@schilljs.com>
-rw-r--r-- | src/components/MessagesList/MessagesGroup/Message/Message.vue | 17 |
1 files changed, 15 insertions, 2 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue index f22e5d4d8..0ef296867 100644 --- a/src/components/MessagesList/MessagesGroup/Message/Message.vue +++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue @@ -152,7 +152,9 @@ the main body of the message as well as a quote. <NcEmojiPicker v-if="canReact && showMessageButtonsBar" :per-line="5" :container="`#message_${id}`" - @select="handleReactionClick"> + @select="handleReactionClick" + @after-show="onEmojiPickerOpen" + @after-hide="onEmojiPickerClose"> <NcButton class="reaction-button" :aria-label="t('spreed', 'Add more reactions')"> <template #icon> @@ -401,7 +403,10 @@ export default { // whether the message was seen, only used if this was marked as last read message seen: false, isActionMenuOpen: false, + // Right side bottom bar isEmojiPickerOpen: false, + // Left side follow-up reaction + isFollowUpEmojiPickerOpen: false, isReactionsMenuOpen: false, isForwarderOpen: false, detailedReactionsLoading: false, @@ -570,7 +575,7 @@ export default { }, showMessageButtonsBar() { - return !this.isSystemMessage && !this.isTemporary && (this.isHovered || this.isActionMenuOpen || this.isEmojiPickerOpen || this.isReactionsMenuOpen || this.isForwarderOpen) + return !this.isSystemMessage && !this.isTemporary && (this.isHovered || this.isActionMenuOpen || this.isEmojiPickerOpen || this.isFollowUpEmojiPickerOpen || this.isReactionsMenuOpen || this.isForwarderOpen) }, isTemporaryUpload() { @@ -735,6 +740,14 @@ export default { } }, + onEmojiPickerOpen() { + this.isFollowUpEmojiPickerOpen = true + }, + + onEmojiPickerClose() { + this.isFollowUpEmojiPickerOpen = false + }, + async handleReactionClick(clickedEmoji) { if (!this.canReact) { showError(t('spreed', 'No permission to post reactions in this conversation')) |