Add tooltips to display name and email fields in Users

Signed-off-by: onehappycat <onehappycat@gmx.com>
This commit is contained in:
onehappycat 2019-12-14 14:29:12 +01:00 committed by John Molakvoæ (skjnldsv)
parent aa46fc26a4
commit dab4c182a1
No known key found for this signature in database
GPG Key ID: 60C25B8C072916CF
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>