MagnifyHint: fix for proper mobile hint on Android devices (#98)

storefront-foundation · Jun 5, 2020 · 66750a7 · 66750a7
1 parent e24a50b
commit 66750a7
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 (hover:none)': {
+    '@media not all and (hover: none)': {
       display: 'none',
     },
   },
@@ -81,7 +81,7 @@ const styles = theme => ({
     '$over:not($expandDisabled) &, $zoomDisabled &': {
       display: 'none',
     },
-    '@media (hover:none)': {
+    '@media not all and (hover: none)': {
       display: 'none',
     },
   },
@@ -90,7 +90,7 @@ const styles = theme => ({
    */
   expandTextMobile: {
     display: 'none',
-    '@media (hover:none)': {
+    '@media not all and (hover: none)': {
       display: 'block',
     },
   },
@@ -102,7 +102,7 @@ const styles = theme => ({
 
     '$over:not($expandDisabled) &, $zoomDisabled &': {
       display: 'block',
-      '@media (hover:none)': {
+      '@media not all and (hover: none)': {
         display: 'none',
       },
     },