diff options
author | Joas Schilling <coding@schilljs.com> | 2022-05-05 20:51:40 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2022-05-05 21:31:46 +0300 |
commit | 2c8337d617dbc4e605d4fe30a74452c425decbcd (patch) | |
tree | 8c31815957a686fb076929115a56fdaa568b3a0d | |
parent | a70f3e131ef83aa79c08d193d13a51a8788a32b9 (diff) |
Only render emoji picker on hoverbugfix/7319/only-render-emoji-picker-on-hover
Signed-off-by: Joas Schilling <coding@schilljs.com>
-rw-r--r-- | src/components/MessagesList/MessagesGroup/Message/Message.vue | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/Message.vue b/src/components/MessagesList/MessagesGroup/Message/Message.vue index 9b101c175..634bcaeb9 100644 --- a/src/components/MessagesList/MessagesGroup/Message/Message.vue +++ b/src/components/MessagesList/MessagesGroup/Message/Message.vue @@ -136,7 +136,7 @@ the main body of the message as well as a quote. </Popover> <!-- More reactions picker --> - <EmojiPicker v-if="canReact" + <EmojiPicker v-if="canReact && showMessageButtonsBar" :per-line="5" :container="`#message_${id}`" @select="handleReactionClick"> @@ -144,6 +144,10 @@ the main body of the message as well as a quote. <EmoticonOutline :size="15" /> </button> </EmojiPicker> + <button v-else-if="canReact" + class="reaction-button"> + <EmoticonOutline :size="15" /> + </button> </div> </div> @@ -523,6 +527,7 @@ export default { }, showMessageButtonsBar() { + console.error(this.isHovered) return !this.isSystemMessage && !this.isTemporary && (this.isHovered || this.isActionMenuOpen || this.isEmojiPickerOpen || this.isReactionsMenuOpen) }, |