From b3934b3d98bea71577ad22151344d23613180f10 Mon Sep 17 00:00:00 2001
From: yazninja <yazlesean@gmail.com>
Date: Wed, 4 May 2022 16:37:54 +0800
Subject: [PATCH] fix heart icon position

---
 src/renderer/less/elements.less |  8 ++++++--
 src/renderer/less/pages.less    | 12 +++++++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/renderer/less/elements.less b/src/renderer/less/elements.less
index f44413a1..11412567 100644
--- a/src/renderer/less/elements.less
+++ b/src/renderer/less/elements.less
@@ -359,7 +359,11 @@
   align-items: center;
   border-radius: var(--mediaItemRadius);
   position: relative;
-
+  &:hover{
+    .heart-icon{
+      display: none;
+    }
+  }
   .popular {
     background-image: url(assets/star.svg);
     background-repeat: no-repeat;
@@ -475,7 +479,7 @@
   .heart-icon {
     display: flex;
     position: absolute;
-    left: -25px;
+    left: 20px;
   }
 
   /* CSS.gg
diff --git a/src/renderer/less/pages.less b/src/renderer/less/pages.less
index ad59e235..e4854c3d 100644
--- a/src/renderer/less/pages.less
+++ b/src/renderer/less/pages.less
@@ -497,7 +497,17 @@
   flex-direction: column;
   height: 100%;
   overflow: hidden;
-
+  .cd-mediaitem-list-item{
+    &:hover{
+      .heart-icon{
+        display:flex;
+      }
+    }
+    .heart-icon{
+      left: -25px;
+    }
+  }
+  
   .editTracksBtn {
     position: absolute;
     top: 20px;