diff options
Diffstat (limited to 'src/components/mention_link/mention_link.vue')
| -rw-r--r-- | src/components/mention_link/mention_link.vue | 33 |
1 files changed, 28 insertions, 5 deletions
diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue index a22b486c..ac20eb5a 100644 --- a/src/components/mention_link/mention_link.vue +++ b/src/components/mention_link/mention_link.vue @@ -19,17 +19,30 @@ > <a class="short button-unstyled" + :class="{ '-with-tooltip': shouldShowTooltip }" :href="url" @click.prevent="onClick" > <!-- eslint-disable vue/no-v-html --> - <FAIcon + <UserAvatar + v-if="shouldShowAvatar" + class="mention-avatar" + :user="user" + /><span + class="shortName" + ><FAIcon + v-if="useAtIcon" size="sm" icon="at" class="at" - /><span class="shortName"><span + />{{ !useAtIcon ? '@' : '' }}<span class="userName" v-html="userName" + /><span + v-if="shouldShowFullUserName" + class="serverName" + :class="{ '-faded': shouldFadeDomain }" + v-html="'@' + serverName" /></span> <span v-if="isYou" @@ -38,14 +51,24 @@ <!-- eslint-enable vue/no-v-html --> </a> <span - v-if="userName !== userNameFull" + v-if="shouldShowTooltip" class="full popover-default" :class="[highlightType]" > <span class="userNameFull" - v-text="'@' + userNameFull" - /> + > + <!-- eslint-disable vue/no-v-html --> + @<span + class="userName" + v-html="userName" + /><span + class="serverName" + :class="{ '-faded': shouldFadeDomain }" + v-html="'@' + serverName" + /> + <!-- eslint-enable vue/no-v-html --> + </span> </span> </span> </span> |