diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-01-10 02:31:26 -0500 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-01-29 16:57:59 -0500 |
| commit | 0c60b31eee3e31810ebd41bc186a9825a39cd821 (patch) | |
| tree | 17dd1bbd8418cc5a3590d1c314a5e5e4763e4490 /src/components/mention_link/mention_link.vue | |
| parent | aaf0b985ad0cf23ace370d2de0d8402df4a4af0e (diff) | |
Add option to fade domains in mention link
Diffstat (limited to 'src/components/mention_link/mention_link.vue')
| -rw-r--r-- | src/components/mention_link/mention_link.vue | 15 |
1 files changed, 13 insertions, 2 deletions
diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue index c0d71322..ac20eb5a 100644 --- a/src/components/mention_link/mention_link.vue +++ b/src/components/mention_link/mention_link.vue @@ -41,6 +41,7 @@ /><span v-if="shouldShowFullUserName" class="serverName" + :class="{ '-faded': shouldFadeDomain }" v-html="'@' + serverName" /></span> <span @@ -56,8 +57,18 @@ > <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> |