diff options
author | Marco Ambrosini <marcoambrosini@icloud.com> | 2022-08-30 14:15:10 +0300 |
---|---|---|
committer | Marco Ambrosini <marcoambrosini@icloud.com> | 2022-08-30 14:15:10 +0300 |
commit | 447867f2cb17bcfed2e770e25728f8f2c466bf4e (patch) | |
tree | 6e3f4635e9e69d97c442e7082e8ebeb46dc95537 | |
parent | 8d301a6e637ee8049eacec4cc32966bc0c343ce1 (diff) |
Wrap avatars into a popoverfeature/7795/display-poll-voters
Signed-off-by: Marco Ambrosini <marcoambrosini@icloud.com>
-rw-r--r-- | src/components/MessagesList/MessagesGroup/Message/MessagePart/PollVotersDetails.vue | 25 |
1 files changed, 19 insertions, 6 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/PollVotersDetails.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/PollVotersDetails.vue index 536544c89..202d90846 100644 --- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/PollVotersDetails.vue +++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/PollVotersDetails.vue @@ -20,21 +20,34 @@ --> <template> - <div class="poll-voters-details"> - <AvatarWrapper v-for="(item, index) in details" - :id="item.actorId" - :key="index" /> - </div> + <NcPopover trigger="hover"> + <div slot="trigger" tabindex="0" class="poll-voters-details"> + <AvatarWrapper v-for="(item, index) in details" + :id="item.actorId" + :key="index" + :source="item.actorType" + :disable-menu="true" + :show-user-status-compact="true" + :name="item.actorDisplayName" + :size="24" /> + </div> + <div tabindex="0"> + Some content + </div> + </NcPopover> </template> <script> import AvatarWrapper from '../../../../AvatarWrapper/AvatarWrapper.vue' +import NcPopover from '@nextcloud/vue/dist/Components/NcPopover.js' + export default { name: 'PollVotersDetails', - components: { + components: { AvatarWrapper, + NcPopover, }, props: { |