-
Notifications
You must be signed in to change notification settings - Fork 615
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(storefront): STRF-4804 Fix Store Logo image size for Amp Pages #1239
Conversation
Autotagging @bigcommerce/storefront-team @davidchin |
CHANGELOG.md
Outdated
@@ -12,7 +12,8 @@ | |||
- Fix for excess whitespace in multiline text field product option [#1222](https://github.com/bigcommerce/cornerstone/pull/1222) | |||
- Fix for faceted search display. [#1225](https://github.com/bigcommerce/cornerstone/pull/1225) | |||
- Fix for calls with empty files in Safari. [#1210](https://github.com/bigcommerce/cornerstone/pull/1210) | |||
|
|||
- Fix logo image dimensions on AMP pages. [#](https://github.com/bigcommerce/cornerstone/pull/) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This needs to go into the Draft section and reference the PR number
width="100" | ||
height="50" | ||
{{#if theme_settings.logo_size '===' 'original' }} | ||
width="250" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I understand that in this case we need to hard code some values because the actual image size is unknown. How do we choose the right values? Why was this changed to 250 from 100?
1e020cc
to
c7f280d
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Looks good. Couple of minor nits, and then please rebase.
CHANGELOG.md
Outdated
@@ -14,7 +15,7 @@ | |||
- Fix for excess whitespace in multiline text field product option [#1222](https://github.com/bigcommerce/cornerstone/pull/1222) | |||
- Fix for faceted search display. [#1225](https://github.com/bigcommerce/cornerstone/pull/1225) | |||
- Fix for calls with empty files in Safari. [#1210](https://github.com/bigcommerce/cornerstone/pull/1210) | |||
|
|||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Unnecessary diff
alt="{{settings.store_logo.title}}"> | ||
</amp-img> | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Unnecessary diff
What?
Store logo is distorted on AMP pages on mobile or desktop. We were not respecting the logo settings when specified. There is still an issue however where if the image is larger than 250x50 then it doesn't get sized according to css properly.
below is an example of it still being incorrect for too large of a logo
Tickets / Documentation
Add links to any relevant tickets and documentation.
@mattolson @mjschock @Ubersmake