fix: recipient popover on thread display

Signed-off-by: greta <[email protected]>
nextcloud · Sep 18, 2024 · 1244a69 · 1244a69
1 parent aa8e4e1
commit 1244a69
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/RecipientBubble.vue b/src/components/RecipientBubble.vue
@@ -264,7 +264,8 @@ export default {
 	flex-wrap: wrap;
 }
 .contact-popover {
-	display: inline-block;
+	display: flex;
+	padding: 2px;
 
 	&__email {
 		text-align: center;

diff --git a/src/components/Thread.vue b/src/components/Thread.vue
@@ -31,6 +31,7 @@
 							</template>
 							<RecipientBubble v-for="participant in threadParticipants.slice(participantsToDisplay)"
 								:key="participant.email"
+								:title="participant.email"
 								:email="participant.email"
 								:label="participant.label" />
 						</Popover>
@@ -500,8 +501,10 @@ export default {
 	visibility: hidden;
 }
 
-.popover__wrapper {
-	max-width: 500px;
+.v-popper--theme-dropdown.v-popper__popper .v-popper__inner {
+	height: 300px;
+	width: 250px;
+	overflow: auto;
 }
 
 .app-content-list-item-star.icon-starred {