- #167 RSF8 Magnify Hint Bug fix for mobile/desktop proper hint displ… (

#168) * - #167 RSF8 Magnify Hint Bug fix for mobile/desktop proper hint displaying * - update css rules for fix hover to zoom behaviour
storefront-foundation · Feb 2, 2021 · 8c7cde2 · 8c7cde2
1 parent f29bcb3
commit 8c7cde2
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/carousel/MagnifyHint.js b/src/carousel/MagnifyHint.js
@@ -65,7 +65,7 @@ const styles = theme => ({
     '$zoomDisabled&': {
       display: 'none',
     },
-    '@media not all and (hover: none)': {
+    '@media (hover: none) and (pointer: coarse)': {
       display: 'none',
     },
   },
@@ -81,7 +81,7 @@ const styles = theme => ({
     '$over:not($expandDisabled) &, $zoomDisabled &': {
       display: 'none',
     },
-    '@media not all and (hover: none)': {
+    '@media (hover: none) and (pointer: coarse)': {
       display: 'none',
     },
   },
@@ -90,7 +90,7 @@ const styles = theme => ({
    */
   expandTextMobile: {
     display: 'none',
-    '@media not all and (hover: none)': {
+    '@media (hover: none) and (pointer: coarse)': {
       display: 'block',
     },
   },
@@ -102,7 +102,7 @@ const styles = theme => ({
 
     '$over:not($expandDisabled) &, $zoomDisabled &': {
       display: 'block',
-      '@media not all and (hover: none)': {
+      '@media (hover: none) and (pointer: coarse)': {
         display: 'none',
       },
     },