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

Content intro stat issue #361

Merged
merged 9 commits into from
Dec 5, 2023

Conversation

nimithshetty17
Copy link

Issue

Fixes MERATIVE-948

Description

The content intro stats block is not rendering properly when there is along stat in the right column. there seems to be a CSS style that limits the width of the stat number.

  • Figma Link -

Test URLs

Copy link

aem-code-sync bot commented Dec 4, 2023

Hello, I'm the AEM Code Sync 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

Copy link

aem-code-sync bot commented Dec 4, 2023

Page Scores Audits Google
/block-library/blocks/content-intro PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

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.

@nimithshetty17
On desktop and mobile the width of the stat componenet is correct.
only on taablet it should be 275 px.
image

Here is the figma link of the stat component.

CC: @keith-kaplan @anabarcelona

@nimithshetty17
Copy link
Author

@sachinmesh please review 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.

@nimithshetty17 Earlier it was correct on desktop i.e 360px..now its wrong, also its crossing the right padding also..
image

on tablet it is correct now.

CC: @keith-kaplan @anabarcelona

@sachinmesh sachinmesh added Ready to merge Label for the pull requests that are ready to merge and removed 🛠️ fix needed labels Dec 5, 2023
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.

Fixed at all breakpoints now

@keith-kaplan
Copy link
Collaborator

I'll merge this later this morning.

Copy link
Collaborator

@keith-kaplan keith-kaplan left a comment

Choose a reason for hiding this comment

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

Looks good.

@keith-kaplan keith-kaplan merged commit 7e9d563 into hlxsites:main Dec 5, 2023
2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Ready to merge Label for the pull requests that are ready to merge
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants