Add tooltips to display name and email fields in Users

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

apps/settings/src/components/UserList/UserRowSimple.vue

@@ -15,12 +15,16 @@
 		<div class="name">
 			{{ user.id }}
 			<div class="displayName subtitle">
-				{{ user.displayname }}
+				<div v-tooltip="user.displayname.length > 20 ? user.displayname : ''" class="cellText">
+					{{ user.displayname }}
+				</div>
 			</div>
 		</div>
 		<div />
 		<div class="mailAddress">
-			{{ user.email }}
+			<div v-tooltip="user.email !== null && user.email.length > 20 ? user.email : ''" class="cellText">
+				{{ user.email }}
+			</div>
 		</div>
 		<div class="groups">
 			{{ userGroupsLabels }}
@@ -155,5 +159,9 @@ export default {
 </script>
 
 <style scoped>
-
+	.cellText {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
 </style>