Merge pull request #1145 from mjschock/STRF-4302

STRF-4302 - Fix mis-sized product images
bigcommerce · Jan 4, 2018 · 6168732 · 6168732
2 parents e7dafb5 + d4534ae
commit 6168732
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@
 - Fixes functionality of date picker option on product pages. [#1125](https://github.com/bigcommerce/cornerstone/pull/1125)
 - Fix image-overlap on Orders page [#1137](https://github.com/bigcommerce/cornerstone/pull/1137)
 - Fixes issue with image zoom causing scrolling issues on mobile. [#1141](https://github.com/bigcommerce/cornerstone/pull/1141)
+- Fix mis-sized product images. [#1145](https://github.com/bigcommerce/cornerstone/pull/1145)
 
 ## 1.10.0 (2017-11-15)
 - Fix spaces in faceted search option names [#1113](https://github.com/bigcommerce/cornerstone/pull/1113)

diff --git a/assets/scss/components/foundation/lazyLoad/_lazyLoad.scss b/assets/scss/components/foundation/lazyLoad/_lazyLoad.scss
@@ -3,7 +3,7 @@
 }
 
 @mixin lazy-loaded-img() {
-    position: relative;
+    position: absolute;
     top: 0;
     bottom: 0;
     left: 0;

diff --git a/assets/scss/components/stencil/account/_account.scss b/assets/scss/components/stencil/account/_account.scss
@@ -44,6 +44,8 @@
 
     .account-product-image {
         @include lazy-loaded-img;
+
+        position: relative;
     }
 }