Skip to content
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

feat(section-Image-flush-bottom ): add image-flush-bottom section. #312

Merged
merged 7 commits into from
Aug 10, 2023

Conversation

nimithshetty17
Copy link

Issue

Fixes #MERATIVE-782

Description

To create a new section and variations for this called "Image band - flush bottom"

New

Uploading image.png…

Design Specs

If applicable, add the direct link to the design specs of the component/feature that's part of this PR.

Test URLs

Testing Instruction

To test the section image flush bottom with brand logo and its responsiveness with respect to the design across all devices.

@nimithshetty17 nimithshetty17 added the Needs design QA PRs on feature requests and new components have to get design approval before merge. label Aug 8, 2023
@aem-code-sync
Copy link

aem-code-sync bot commented Aug 8, 2023

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed.
In case there are problems, just click the checkbox below to rerun the respective action.

  • Re-run PSI Checks

@aem-code-sync
Copy link

aem-code-sync bot commented Aug 8, 2023

Page Scores Audits Google
/block-library/sections/section-image-band-flush-bottom PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@aem-code-sync
Copy link

aem-code-sync bot commented Aug 8, 2023

Page Scores Audits Google
/block-library/sections/section-image-band-flush-bottom PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@sachinmesh
Copy link

HI,

  1. Image outline is missing in all breakpoints except the gradient one.
image

REst is good to go.

@proeung @nimithshetty17 @keith-kaplan @Shalini-SB

Copy link

@sachinmesh sachinmesh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image outline is missing

@aem-code-sync
Copy link

aem-code-sync bot commented Aug 9, 2023

Page Scores Audits Google
/block-library/sections/section-image-band-flush-bottom PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@nimithshetty17
Copy link
Author

@sachinmesh - Please check now.

Copy link

@sachinmesh sachinmesh left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All issues are fixed, good to go.

@nimithshetty17 @proeung @sharathmrft @Shalini-SB

@sachinmesh sachinmesh added Ready to merge Label for the pull requests that are ready to merge and removed Needs design QA PRs on feature requests and new components have to get design approval before merge. labels Aug 9, 2023
@aem-code-sync
Copy link

aem-code-sync bot commented Aug 9, 2023

Page Scores Audits Google
/block-library/sections/section-image-band-flush-bottom PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

Copy link

@proeung proeung left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@nimithshetty17 Looks good! I just have a couple of minor changes.

Let's add empty image-flush-bottom.js file in the blocks/image-flush-bottom/ directory so that we don't see this 404 in the console (see attached).

Screenshot 2023-08-09 at 11 17 02 AM

blocks/image-flush-bottom/image-flush-bottom.css Outdated Show resolved Hide resolved
@proeung proeung added 🛠️ fix needed and removed Ready to merge Label for the pull requests that are ready to merge labels Aug 9, 2023
@aem-code-sync
Copy link

aem-code-sync bot commented Aug 10, 2023

Page Scores Audits Google
/block-library/sections/section-image-band-flush-bottom PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@nimithshetty17
Copy link
Author

@proeung - have done the changes for the same.

Copy link

@proeung proeung left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM!

@aem-code-sync
Copy link

aem-code-sync bot commented Aug 10, 2023

Page Scores Audits Google
/block-library/sections/section-image-band-flush-bottom PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

@proeung proeung merged commit fc2704b into hlxsites:main Aug 10, 2023
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants