STRF-4302 - Fix mis-sized product images

bigcommerce · Jan 4, 2018 · d4534ae · d4534ae
1 parent e7dafb5
commit d4534ae
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;
     }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -44,6 +44,8 @@ @@
         .account-product-image {
             @include lazy-loaded-img;
+            position: relative;
         }
     }
@@ Expand Down @@