Support magnify beside feature (#118)

dijs · kevhender · Kevin Henderson · web-flow · commit a8dd58b91960 · 2020-07-09T09:13:16.000-04:00
* Support magnify beside feature

* Always use block

* Bump version

Co-authored-by: kevhender &lt;kevhender@gmail.com&gt;
Co-authored-by: Kevin Henderson &lt;kevinh@moovweb.com&gt;
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-storefront",
-  "version": "8.12.1",
+  "version": "8.12.2",
   "description": "Build and deploy e-commerce progressive web apps (PWAs) in record time.",
   "module": "./index.js",
   "license": "Apache-2.0",
diff --git a/src/carousel/Media.js b/src/carousel/Media.js
@@ -38,7 +38,7 @@ function Media({
     const appliedMagnifyProps = { ...(magnifyProps || {}) }
     appliedMagnifyProps.style = {
       ...((magnifyProps && magnifyProps.style) || {}),
-      display: 'flex',
+      display: 'block',
       objectFit: 'contain',
     }
     appliedMagnifyProps.imageStyle = {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "react-storefront",`
`3`		`- "version": "8.12.1",`
	`3`	`+ "version": "8.12.2",`
`4`	`4`	`"description": "Build and deploy e-commerce progressive web apps (PWAs) in record time.",`
`5`	`5`	`"module": "./index.js",`
`6`	`6`	`"license": "Apache-2.0",`
Original file line number	Diff line number	Diff line change
`@@ -38,7 +38,7 @@ function Media({`
`38`	`38`	`const appliedMagnifyProps = { ...(magnifyProps \|\| {}) }`
`39`	`39`	`appliedMagnifyProps.style = {`
`40`	`40`	`...((magnifyProps && magnifyProps.style) \|\| {}),`
`41`		`- display: 'flex',`
	`41`	`+ display: 'block',`
`42`	`42`	`objectFit: 'contain',`
`43`	`43`	`}`
`44`	`44`	`appliedMagnifyProps.imageStyle = {`