Merge pull request #8344 from nextcloud/fix/message-recipient-addresses

fix: Merge overlapping recipient popovers
nextcloud · Apr 12, 2023 · 33a8e0e · 33a8e0e
2 parents 2570cd0 + c2925f1
commit 33a8e0e
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/components/RecipientBubble.vue b/src/components/RecipientBubble.vue
@@ -25,9 +25,9 @@
 			:display-name="label"
 			:avatar-image="avatarUrlAbsolute"
 			@click="onClickOpenContactDialog">
-			<span class="user-bubble-email">{{ email }}</span>
 		</UserBubble>
 		<div class="contact-wrapper">
+			<p class="contact-popover__email">{{ email }}</p>
 			<ButtonVue
 				v-if="contactsWithEmail && contactsWithEmail.length > 0"
 				type="tertiary-no-background"
@@ -280,16 +280,17 @@ export default {
 .user-bubble__title {
 	max-width: 30vw;
 }
-.user-bubble-email {
-	margin: 10px;
-}
 
 .contact-menu {
 	display: flex;
 	flex-wrap: wrap;
 }
 .contact-popover {
 	display: inline-block;
+
+	&__email {
+		text-align: center;
+	}
 }
 .contact-wrapper {
 	padding:10px;