Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Fixed product card image overflow in Gmail

Browse source 
no issues

- product card images have explicit width/height attributes, and when the width value is large (e.g. 2560), it causes an overflow on Gmail on Android
- the reason why there's no issue on other email clients is that Gmail on Android has autofit feature which makes the email width fit inside the screen automatically, and it made the email width very narrow when the product card image width isn't responsive
- this fix makes the product card image width responsive by explicitly setting it 100%
This commit is contained in:
Sodbileg Gansukh 2023-08-23 21:50:18 +08:00
parent 375a6d37c2
commit 1a2fa55c1e
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
ghost/email-service/lib/email-templates/partials/styles-old.hbs
View file

@ -1012,6 +1012,9 @@ a[data-flickr-embed] img {
border-radius: 3px;
border: 1px solid #e5eff5;
}
.kg-product-card-image {
width: 100%;
}
.kg-product-rating img {
width: 96px;
border: none;