Add tooltips to display name and email fields in Users

Signed-off-by: onehappycat <onehappycat@gmx.com>

Author: onehappycat

apps/settings/js/vue-6.js

@@ -15,12 +15,18 @@
 		<div class="name">
 			{{ user.id }}
 			<div class="displayName subtitle">
-				{{ user.displayname }}
+				<div v-if="user.displayname.length>20" v-tooltip.auto="user.displayname">
+					{{ user.displayname.substring(0,20)+'...' }}
+				</div>
+				<div v-else>{{ user.displayname }}</div>
 			</div>
 		</div>
 		<div />
 		<div class="mailAddress">
-			{{ user.email }}
+			<div v-if="user.email !== null && user.email.length>20" v-tooltip.auto="user.email">
+				{{ user.email.substring(0,20)+'...' }}
+			</div>
+			<div v-else>{{ user.email }}</div>
 		</div>
 		<div class="groups">
 			{{ userGroupsLabels }}