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 {
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;

View File

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