diff options
-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: { |