Merge pull request #4042 from nextcloud/fix/contact-list-item-subtitle

style(ContactsListItem): fix subtitle

src/components/ContactsList/ContactsListItem.vue

@@ -18,10 +18,10 @@
 					<BaseAvatar :display-name="source.displayName" :url="avatarUrl" :size="40" />
 				</div>
 			</template>
-			<template #subtitle>
+			<template #subname>
 				<div class="envelope__subtitle">
 					<span class="envelope__subtitle__subject">
-						{{ source.email }}
+						{{ source.email ? source.email : getTel }}
 					</span>
 				</div>
 			</template>
@@ -78,6 +78,9 @@ export default {
 		id() {
 			return window.btoa(this.source.key).slice(0, -2)
 		},
+		getTel() {
+			return this.source.properties.find(property => property.name === 'tel')?.getFirstValue()
+		},
 	},
 
 	created() {
@@ -168,7 +171,6 @@ export default {
 		gap: 4px;
 
 		&__subject {
-			color: var(--color-main-text);
 			line-height: 130%;
 			overflow: hidden;
 			text-overflow: ellipsis;