зеркало из https://github.com/nextcloud/spreed.git
Do not close messageButtonsBar if emojipicker is open
Signed-off-by: marco <marcoambrosini@pm.me>
This commit is contained in:
Родитель
462d0653c9
Коммит
090263a105
src/components/MessagesList/MessagesGroup/Message
|
@ -148,9 +148,10 @@ the main body of the message as well as a quote.
|
||||||
|
|
||||||
<!-- Message actions -->
|
<!-- Message actions -->
|
||||||
<MessageButtonsBar v-if="hasMessageButtonsBar"
|
<MessageButtonsBar v-if="hasMessageButtonsBar"
|
||||||
v-show="showMessageButtonsBar || isActionMenuOpen"
|
v-show="showMessageButtonsBar || isActionMenuOpen || isEmojiPickerOpen"
|
||||||
ref="messageButtonsBar"
|
ref="messageButtonsBar"
|
||||||
:is-action-menu-open.sync="isActionMenuOpen"
|
:is-action-menu-open.sync="isActionMenuOpen"
|
||||||
|
:is-emoji-picker-open.sync="isEmojiPickerOpen"
|
||||||
:message-api-data="messageApiData"
|
:message-api-data="messageApiData"
|
||||||
:message-object="messageObject"
|
:message-object="messageObject"
|
||||||
v-bind="$props"
|
v-bind="$props"
|
||||||
|
@ -358,6 +359,7 @@ export default {
|
||||||
// whether the message was seen, only used if this was marked as last read message
|
// whether the message was seen, only used if this was marked as last read message
|
||||||
seen: false,
|
seen: false,
|
||||||
isActionMenuOpen: false,
|
isActionMenuOpen: false,
|
||||||
|
isEmojiPickerOpen: false,
|
||||||
detailedReactionsRequested: false,
|
detailedReactionsRequested: false,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
@ -114,7 +114,9 @@
|
||||||
</template>
|
</template>
|
||||||
</Button>
|
</Button>
|
||||||
<EmojiPicker :container="`#message_${id}`"
|
<EmojiPicker :container="`#message_${id}`"
|
||||||
@select="handleReactionClick">
|
@select="handleReactionClick"
|
||||||
|
@after-show="onEmojiPickerOpen"
|
||||||
|
@after-hide="onEmojiPickerClose">
|
||||||
<Button type="tertiary">
|
<Button type="tertiary">
|
||||||
<template #icon>
|
<template #icon>
|
||||||
<Plus :size="20" />
|
<Plus :size="20" />
|
||||||
|
@ -432,6 +434,14 @@ export default {
|
||||||
onMenuClose() {
|
onMenuClose() {
|
||||||
this.$emit('update:isActionMenuOpen', false)
|
this.$emit('update:isActionMenuOpen', false)
|
||||||
},
|
},
|
||||||
|
|
||||||
|
onEmojiPickerOpen() {
|
||||||
|
this.$emit('update:isEmojiPickerOpen', true)
|
||||||
|
},
|
||||||
|
|
||||||
|
onEmojiPickerClose() {
|
||||||
|
this.$emit('update:isEmojiPickerOpen', false)
|
||||||
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
Загрузка…
Ссылка в новой задаче