Add tooltips to display name and email (#18193)

Add tooltips to display name and email
2019-12-20 11:23:52 +01:00 · 2019-12-20 11:23:52 +01:00 · 4bec80ee0d
commit 4bec80ee0d
parent 9db15459b9 dab4c182a1
11 changed files with 11 additions and 3 deletions
--- a/apps/settings/js/vue-0.js
+++ b/apps/settings/js/vue-0.js
--- a/apps/settings/js/vue-0.js.map
+++ b/apps/settings/js/vue-0.js.map
--- a/apps/settings/js/vue-4.js
+++ b/apps/settings/js/vue-4.js
--- a/apps/settings/js/vue-4.js.map
+++ b/apps/settings/js/vue-4.js.map
--- a/apps/settings/js/vue-5.js
+++ b/apps/settings/js/vue-5.js
--- a/apps/settings/js/vue-5.js.map
+++ b/apps/settings/js/vue-5.js.map
--- a/apps/settings/js/vue-6.js
+++ b/apps/settings/js/vue-6.js
--- a/apps/settings/js/vue-6.js.map
+++ b/apps/settings/js/vue-6.js.map
--- a/apps/settings/js/vue-settings-apps-users-management.js
+++ b/apps/settings/js/vue-settings-apps-users-management.js
--- a/apps/settings/js/vue-settings-apps-users-management.js.map
+++ b/apps/settings/js/vue-settings-apps-users-management.js.map
--- a/apps/settings/src/components/UserList/UserRowSimple.vue
+++ b/apps/settings/src/components/UserList/UserRowSimple.vue
@ -15,13 +15,17 @@
 		<div class="name">
 			{{ user.id }}
 			<div class="displayName subtitle">
+				<div v-tooltip="user.displayname.length > 20 ? user.displayname : ''" class="cellText">
 					{{ user.displayname }}
 				</div>
 			</div>
+		</div>
 		<div />
 		<div class="mailAddress">
+			<div v-tooltip="user.email !== null && user.email.length > 20 ? user.email : ''" class="cellText">
 				{{ user.email }}
 			</div>
+		</div>
 		<div class="groups">
 			{{ userGroupsLabels }}
 		</div>
@ -155,5 +159,9 @@ export default {
 </script>

 <style scoped>
-
+	.cellText {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
 </style>