logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://hacktivis.me/git/pleroma-fe.git
commit: e6d5ddcbb69ff93e711227672caaf208cf872c21
parent c3e122ff6f011cb6750fb11030e601e37afcd586
Author: Henry Jameson <me@hjkos.com>
Date:   Tue,  8 Jun 2021 00:03:59 +0300

better modifier, no background for unhighlighted mentions

Diffstat:

Msrc/components/mention_link/mention_link.scss13++++++++-----
Msrc/components/mention_link/mention_link.vue2+-
2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/mention_link/mention_link.scss b/src/components/mention_link/mention_link.scss @@ -37,13 +37,15 @@ } } - & .new { + .new:not(.-highlighted) { + .short { + background: none; + } + } + .new { &, - &.-striped, - &.-solid, - &.-side { + &.-highlighted { .short { - font-size: 90%; line-height: 1.5; vertical-align: middle; @@ -58,6 +60,7 @@ .you { padding-right: 0.25em; } + .short { padding-left: 0.25em; padding-right: 0; diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue @@ -12,7 +12,7 @@ v-if="user" class="new" :style="style" - :class="[{ '-you': isYou }, highlightType]" + :class="[{ '-you': isYou, '-highlighted': highlight }, highlightType]" > <button class="short"