From 447867f2cb17bcfed2e770e25728f8f2c466bf4e Mon Sep 17 00:00:00 2001
From: Marco Ambrosini <marcoambrosini@icloud.com>
Date: Tue, 30 Aug 2022 13:15:10 +0200
Subject: Wrap avatars into a popover

Signed-off-by: Marco Ambrosini <marcoambrosini@icloud.com>
---
 .../Message/MessagePart/PollVotersDetails.vue      | 25 ++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

(limited to 'src')

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: {
-- 
cgit v1.2.3