pleroma-fe

commit: 0583a6b8638afc6b3ea07adceecdb42ca9188251
parent 6bc9886db47987fdd7b43b6319f635aa1824ae45
Author: Henry Jameson <me@hjkos.com>
Date:   Tue,  8 Jun 2021 10:13:40 +0300

moved transparent button styles into button itself

Diffstat:
M
src/App.scss
4
++++
M
src/components/mention_link/mention_link.scss
5
-----
M
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
@@ -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
@@ -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
@@ -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 -->