Update the remaining mobile media queries (#99)

storefront-foundation · Jun 5, 2020 · fd5af2c · fd5af2c
1 parent 66750a7
commit fd5af2c
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-storefront",
-  "version": "8.7.0",
+  "version": "8.7.1",
   "description": "Build and deploy e-commerce progressive web apps (PWAs) in record time.",
   "module": "./index.js",
   "license": "Apache-2.0",

diff --git a/src/CmsSlot.js b/src/CmsSlot.js
@@ -84,12 +84,12 @@ CmsSlot.proptypes = {
   /**
    * If `true`, will use `display: inline` style.
    */
-  inline: PropTypes.boolean,
+  inline: PropTypes.bool,
 
   /**
    * If `true` to lazy load images that have been preprocessed with `$.lazyLoadImages()`.
    */
-  lazyLoadImages: PropTypes.boolean,
+  lazyLoadImages: PropTypes.bool,
 
   /**
    * If `true`, prefetch links that have a `data-rsf-prefetch` attribute.

diff --git a/src/carousel/Carousel.js b/src/carousel/Carousel.js
@@ -36,7 +36,7 @@ const styles = theme => ({
     },
   },
 
-  '@media (hover:none)': {
+  '@media not all and (hover:none)': {
     hideTouchArrows: {
       display: 'none',
     },

diff --git a/src/option/SwatchProductOption.js b/src/option/SwatchProductOption.js
@@ -49,7 +49,7 @@ export const styles = theme => ({
   /**
    * Styles applied for mobile devices.
    */
-  '@media (hover: none)': {
+  '@media not all and (hover: none)': {
     SwatchButton: {
       '&:hover': {
         backgroundColor: 'transparent',