Skip to content

Commit b168820

Browse files
committed
Add tooltip for truncated emails in member profile
1 parent b544e0c commit b168820

File tree

1 file changed

+10
-5
lines changed

1 file changed

+10
-5
lines changed

frontend/src/modules/member/components/view/_aside/_aside-identities.vue

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -42,11 +42,16 @@
4242
target="_blank"
4343
rel="noopener noreferrer"
4444
>
45-
<div class="flex gap-3 items-center">
46-
<app-platform platform="email" />
47-
<span class="text-gray-900 text-xs">
48-
{{ email }}</span>
49-
</div>
45+
<el-tooltip
46+
placement="top"
47+
:content="email"
48+
>
49+
<div class="flex gap-3 items-center overflow-hidden">
50+
<app-platform platform="email" />
51+
<span class="text-gray-900 text-xs truncate">
52+
{{ email }}</span>
53+
</div>
54+
</el-tooltip>
5055
<i
5156
class="ri-external-link-line text-gray-300"
5257
/>

0 commit comments

Comments
 (0)