Add tooltips to display name and email (#18193)

Add tooltips to display name and email
This commit is contained in:
John Molakvoæ 2019-12-20 11:23:52 +01:00 committed by GitHub
commit 4bec80ee0d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 57 additions and 49 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -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>