Add remove-icon-black for hover effect

SUNET · Dec 2, 2024 · 64609bf · 64609bf
1 parent 3c1b638
commit 64609bf
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 11 deletions.
diff --git a/img/remove-icon-black.svg b/img/remove-icon-black.svg
diff --git a/img/remove-icon.svg b/img/remove-icon.svg
diff --git a/src/styles/_buttons.scss b/src/styles/_buttons.scss
@@ -327,12 +327,16 @@ button.scroll-to-top {
 }
 
 .btn-remove {
-  width: 1.4rem;
-  height: 1.4rem !important;
+  width: 1.2rem;
+  height: 1.2rem !important;
   background-image: url("../../img/remove-icon.svg");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   cursor: pointer;
   box-shadow: none !important;
+
+  &:hover {
+    background-image: url("../../img/remove-icon-black.svg");
+  }
 }