moved transparent button styles into button itself

This commit is contained in:
Henry Jameson 2021-06-08 10:13:40 +03:00
parent 6bc9886db4
commit 0583a6b863
3 changed files with 6 additions and 7 deletions

View file

@ -88,6 +88,10 @@ a {
font-family: sans-serif; font-family: sans-serif;
font-family: var(--interfaceFont, sans-serif); font-family: var(--interfaceFont, sans-serif);
&.-sublime {
background: transparent;
}
i[class*=icon-], i[class*=icon-],
.svg-inline--fa { .svg-inline--fa {
color: $fallback--text; color: $fallback--text;

View file

@ -38,11 +38,6 @@
} }
} }
.new:not(.-highlighted) {
.short {
background: none;
}
}
.new { .new {
&, &,
&.-highlighted { &.-highlighted {

View file

@ -15,8 +15,8 @@
:class="[{ '-you': isYou, '-highlighted': highlight }, highlightType]" :class="[{ '-you': isYou, '-highlighted': highlight }, highlightType]"
> >
<button <button
class="short" class="short button-default"
:class="highlight ? 'button-default' : 'button-default' " :class="{ '-sublime': !highlight }"
@click.prevent="onClick" @click.prevent="onClick"
> >
<!-- eslint-disable vue/no-v-html --> <!-- eslint-disable vue/no-v-html -->