fix(storefront): BCTHEME-87 Product images squashed in Category view …

…in AMP (bigcommerce#1921) (bigcommerce#1921)
sacr3dc0w · Jan 5, 2021 · dcdc434 · dcdc434
1 parent 7254a9a
commit dcdc434
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Product images squashed in Category view in AMP. [#1921](https://github.com/bigcommerce/cornerstone/pull/1921)
 - Fixed misaligned tooltip for required product option. [#1915](https://github.com/bigcommerce/cornerstone/pull/1915)
 - Fixed tooltip overlaying by facebook button. [#1914](https://github.com/bigcommerce/cornerstone/pull/1914)
 - Cornerstone - Text hover color does not change when Dropdown menu display mode is set to 'Alternative'. [#1918](https://github.com/bigcommerce/cornerstone/pull/1918)

diff --git a/templates/components/amp/css/category.html b/templates/components/amp/css/category.html
@@ -109,6 +109,15 @@
     position: relative;
 }
 
+.card-figure amp-img img {
+    height: auto;
+    min-height: auto;
+    max-height: 100%;
+    width: auto;
+    min-width: auto;
+    max-width: 100%;
+}
+
 .card-image {
     max-width: 100%;
     height: auto;