logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git
commit: b84aeff6bf288b6e5855c2be0fd78577a0f7c0e5
parent cc00af7a3102034b05ebcd4aa1fd01c6f467184a
Author: Henry Jameson <me@hjkos.com>
Date:   Thu, 10 Jun 2021 18:52:23 +0300

stylistic changes

Diffstat:

Msrc/components/mention_link/mention_link.scss16+++++++++++++---
Msrc/components/mention_link/mention_link.vue5++---
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 @@ -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 @@ -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>