fix(videodetail): favorite button hover state

jwplayer · Jun 23, 2021 · eee9a99 · eee9a99
1 parent d1cf8d1
commit eee9a99
Showing 1 changed file with 11 additions and 7 deletions.
diff --git a/src/components/Button/Button.module.scss b/src/components/Button/Button.module.scss
@@ -58,17 +58,19 @@ $large-button-height: 40px;
     }
 
     &:hover {
+      z-index: 1;
       background: theme.$btn-default-bg;
-      transform: scale(1.1);
       opacity: 1;
     }
   }
 
   &.fullWidth {
     width: 100%;
 
-    &:hover {
-      transform: scale(1.04);
+    @media (hover: hover) and (pointer: fine) {
+      &:hover {
+        transform: scale(1.04);
+      }
     }
   }
 
@@ -77,9 +79,11 @@ $large-button-height: 40px;
     height: 18px;
   }
 
-  &:hover,
-  &:focus {
-    transform: scale(1.1);
+  @media (hover: hover) and (pointer: fine) {
+    &:hover,
+    &:focus {
+      transform: scale(1.06);
+    }
   }
 }
 
@@ -90,10 +94,10 @@ $large-button-height: 40px;
   margin-right: 11px;
 
   > svg {
-
     width: 20px;
     height: 20px;
     fill: currentColor;
+
     @include responsive.tablet-only() {
       width: 18px;
       height: 18px;