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

fix(content-group-cards): fix alignment #12160

Merged
merged 1 commit into from
Dec 12, 2024

Conversation

andy-blum
Copy link
Member

Related Ticket(s)

Closes #
https://jsw.ibm.com/browse/ADCMS-7030

Description

In medium resolution, the cards are having an undesired horizontal overflow that was causing a scroll bar to appear.
I made a fix that will make them span full width, that's the behavior we have in the v2 builds I found for example, that came from this issue

Fixed as per this PR:
image

Changelog

New

setting margin-inline-start to be 0 in resolutions lower than LG.

@andy-blum andy-blum requested a review from a team as a code owner December 11, 2024 22:29
@andy-blum andy-blum requested review from m4olivei, bruno-amorim, marcelojcs and Valentin-Sorin-Nicolae and removed request for a team December 11, 2024 22:29
@andy-blum andy-blum changed the base branch from main to release/v2.16.0 December 11, 2024 22:29
Copy link

netlify bot commented Dec 11, 2024

Deploy Preview for ibm-dotcom-web-components-react-wrap ready!

Name Link
🔨 Latest commit a6c1537
🔍 Latest deploy log https://app.netlify.com/sites/ibm-dotcom-web-components-react-wrap/deploys/675a125d34f38500084eb04f
😎 Deploy Preview https://deploy-preview-12160--ibm-dotcom-web-components-react-wrap.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Dec 11, 2024

Deploy Preview for ibm-dotcom-web-components ready!

Name Link
🔨 Latest commit a6c1537
🔍 Latest deploy log https://app.netlify.com/sites/ibm-dotcom-web-components/deploys/675a125d75fcbc000865a4b6
😎 Deploy Preview https://deploy-preview-12160--ibm-dotcom-web-components.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link
Contributor

@m4olivei m4olivei 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! Cleaner than where we were getting with another approach. cc @bruno-amorim

@m4olivei m4olivei added the Ready to merge Label for the pull requests that are ready to merge label Dec 12, 2024
@kodiakhq kodiakhq bot merged commit 19e9b4f into release/v2.16.0 Dec 12, 2024
19 checks passed
@kodiakhq kodiakhq bot deleted the fix/content-group-cards-alignment branch December 12, 2024 00:25
Copy link
Contributor

Hey there! This issue/pull request was referenced in recently released v2.16.0.

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