diff options
| -rw-r--r-- | src/App.scss | 4 | ||||
| -rw-r--r-- | src/components/mention_link/mention_link.scss | 5 | ||||
| -rw-r--r-- | src/components/mention_link/mention_link.vue | 4 |
3 files changed, 6 insertions, 7 deletions
diff --git a/src/App.scss b/src/App.scss index 45071ba2..bc027f4f 100644 --- a/src/App.scss +++ b/src/App.scss @@ -88,6 +88,10 @@ a { font-family: sans-serif; font-family: var(--interfaceFont, sans-serif); + &.-sublime { + background: transparent; + } + i[class*=icon-], .svg-inline--fa { color: $fallback--text; diff --git a/src/components/mention_link/mention_link.scss b/src/components/mention_link/mention_link.scss index 4a9fab1c..78a9816c 100644 --- a/src/components/mention_link/mention_link.scss +++ b/src/components/mention_link/mention_link.scss @@ -38,11 +38,6 @@ } } - .new:not(.-highlighted) { - .short { - background: none; - } - } .new { &, &.-highlighted { diff --git a/src/components/mention_link/mention_link.vue b/src/components/mention_link/mention_link.vue index a38faa7b..d8d45a1b 100644 --- a/src/components/mention_link/mention_link.vue +++ b/src/components/mention_link/mention_link.vue @@ -15,8 +15,8 @@ :class="[{ '-you': isYou, '-highlighted': highlight }, highlightType]" > <button - class="short" - :class="highlight ? 'button-default' : 'button-default' " + class="short button-default" + :class="{ '-sublime': !highlight }" @click.prevent="onClick" > <!-- eslint-disable vue/no-v-html --> |