Merge pull request #1675 from nextcloud/bugfix/noid/popovermenu-fix-l…

…ongtext Fix longtext appearance for avatar popover menu
nextcloud-libraries · Jan 20, 2021 · b44769b · b44769b
2 parents 2208be0 + 05466e2
commit b44769b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Avatar/Avatar.vue b/src/components/Avatar/Avatar.vue
@@ -376,7 +376,7 @@ export default {
 				return {
 					href: item.hyperlink,
 					icon: item.icon,
-					text: item.title,
+					longtext: item.title,
 				}
 			})
 

diff --git a/src/components/PopoverMenu/PopoverMenuItem.vue b/src/components/PopoverMenu/PopoverMenuItem.vue
@@ -284,6 +284,10 @@ li {
 			line-height: 1.6em;
 			padding: 8px 0;
 			white-space: normal;
+
+			// in case there are no spaces like long email addresses
+			overflow: hidden;
+			text-overflow: ellipsis;
 		}
 
 		// TODO: do we really supports it?