diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/components/mention_link/mention_link.scss | 16 | ||||
| -rw-r--r-- | src/components/mention_link/mention_link.vue | 5 |
2 files changed, 15 insertions, 6 deletions
diff --git a/src/components/mention_link/mention_link.scss b/src/components/mention_link/mention_link.scss index 9560e205..9df1ccfe 100644 --- a/src/components/mention_link/mention_link.scss +++ b/src/components/mention_link/mention_link.scss @@ -49,6 +49,17 @@ } } + .at { + color: var(--link); + opacity: 0.8; + display: inline-block; + height: 50%; + line-height: 1; + padding: 0 0.1em; + vertical-align: -25%; + margin: 0; + } + &:not(.-oldStyle) { .short { padding-left: 0.25em; @@ -61,9 +72,8 @@ .at { color: var(--faint); opacity: 0.8; - display: inline-block; - height: 50%; - line-height: 1; + padding-right: 0.25em; + vertical-align: -20%; } } diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue index a65dbad3..062ad4bc 100644 --- a/src/components/mention_link/mention_link.vue +++ b/src/components/mention_link/mention_link.vue @@ -21,13 +21,12 @@ :class="[{ '-sublime': !highlight }, oldStyle ? 'button-unstyled' : 'button-default']" @click.prevent="onClick" > + <!-- eslint-disable vue/no-v-html --> <FAIcon size="s" icon="at" class="at" - /> - <!-- eslint-disable vue/no-v-html --> - <span class="shortName"><span + /><span class="shortName"><span class="userName" v-html="userName" /></span> |