diff options
| author | Henry Jameson <me@hjkos.com> | 2021-06-07 23:42:04 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2021-06-07 23:42:04 +0300 |
| commit | 7d6fc044fbcf2c6f82f759605a0fd5c1aebae55a (patch) | |
| tree | 7e8e15ddf460402b6c9555c7815297a5a9375d99 /src/components/mention_link/mention_link.vue | |
| parent | 6199788f28a2665388427f6e7737f15cebd5102d (diff) | |
new mentions look
Diffstat (limited to 'src/components/mention_link/mention_link.vue')
| -rw-r--r-- | src/components/mention_link/mention_link.vue | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue index ea356315..5a8506eb 100644 --- a/src/components/mention_link/mention_link.vue +++ b/src/components/mention_link/mention_link.vue @@ -12,22 +12,24 @@ v-if="user" class="new" :style="style" - :class="{ '-you': isYou }" + :class="[{ '-you': isYou }, highlightType]" > <button - class="button-unstyled short" + class="short" + :class="highlight ? 'button-default' : 'button-default' " @click.prevent="onClick" > <!-- eslint-disable vue/no-v-html --> - <span class="shortName">@<span v-html="userName" /></span> <span v-if="isYou">{{ $t('status.you')}}</span> + <span class="shortName"><span class="userName" v-html="userName" /></span><span class="you" v-if="isYou">{{ $t('status.you')}}</span> <!-- eslint-enable vue/no-v-html --> </button> <span v-if="userName !== userNameFull" - class="full" + class="full popover-default" + :class="[highlightType]" > <!-- eslint-disable vue/no-v-html --> - @<span v-html="userNameFull" /> + <span class="userNameFull" v-html="userNameFull" /> <!-- eslint-enable vue/no-v-html --> </span> </span> |