diff options
author | Joas Schilling <213943+nickvergessen@users.noreply.github.com> | 2022-10-13 16:50:26 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-10-13 16:50:26 +0300 |
commit | 5db80f79b37c86613f3f003236b6d4d616ee6070 (patch) | |
tree | 3ddffaa3971a783ff761044e139a3a792ab7d499 | |
parent | 30d4bdcde6a1ddc002a7ac37bb1dc61f5a6be8da (diff) | |
parent | 8cc76a3781092ed296652ec5aa49921ef254a58a (diff) |
Merge pull request #8162 from nextcloud/backport/8146/stable25
[stable25] Keep emoji picker open
-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')) |