From 66750a70ff2db675eb226aa1c0326ff0a8ae0959 Mon Sep 17 00:00:00 2001
From: Eugene Kassa <kassa1992@ukr.net>
Date: Fri, 5 Jun 2020 15:38:12 +0300
Subject: [PATCH] MagnifyHint: fix for proper mobile hint on Android devices
 (#98)

---
 src/carousel/MagnifyHint.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/carousel/MagnifyHint.js b/src/carousel/MagnifyHint.js
index 6f59be96..302f9108 100644
--- 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',
       },
     },