feat(files): color contrast for liked status (#3168)

Satellite-im · May 16, 2022 · 3a9951b · 3a9951b
1 parent 99c6bcf
commit 3a9951b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/components/views/files/file/File.html b/components/views/files/file/File.html
@@ -17,6 +17,7 @@
       v-if="item.liked || fileHover"
       size="1.25x"
       class="like"
+      :class="{liked : item.liked}"
       @mouseover="heartHover=true"
       @mouseleave="heartHover=false"
     />

diff --git a/components/views/files/file/File.less b/components/views/files/file/File.less
@@ -14,10 +14,13 @@
 
     .like {
       float: right;
+      &.liked {
+        color: @pink;
+      }
     }
 
     svg:hover {
-      &:extend(.font-secondary);
+      opacity: 0.75;
     }
   }