better modifier, no background for unhighlighted mentions

This commit is contained in:
Henry Jameson 2021-06-08 00:03:59 +03:00
parent c3e122ff6f
commit e6d5ddcbb6
2 changed files with 9 additions and 6 deletions

View file

@ -37,13 +37,15 @@
} }
} }
& .new { .new:not(.-highlighted) {
&, .short {
&.-striped, background: none;
&.-solid, }
&.-side { }
.new {
&,
&.-highlighted {
.short { .short {
font-size: 90%;
line-height: 1.5; line-height: 1.5;
vertical-align: middle; vertical-align: middle;
@ -58,6 +60,7 @@
.you { .you {
padding-right: 0.25em; padding-right: 0.25em;
} }
.short { .short {
padding-left: 0.25em; padding-left: 0.25em;
padding-right: 0; padding-right: 0;

View file

@ -12,7 +12,7 @@
v-if="user" v-if="user"
class="new" class="new"
:style="style" :style="style"
:class="[{ '-you': isYou }, highlightType]" :class="[{ '-you': isYou, '-highlighted': highlight }, highlightType]"
> >
<button <button
class="short" class="short"