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(accordion): update accordion breakpoints #5074

Merged
merged 6 commits into from
Jan 16, 2020

Conversation

tw15egan
Copy link
Collaborator

Closes #4993

Updates Accordion to only use 16px of padding when the screen is below 480px Based on updated specs found here

image

image

image

Changelog

New

  • Breakpoints at 480px and 640px

Testing / Reviewing

See that the Accordion content shifts from 1rem padding, to 3rem padding, to 25% padding as the screen size increases.

@netlify
Copy link

netlify bot commented Jan 16, 2020

Deploy preview for the-carbon-components ready!

Built with commit 1c7eb59

https://deploy-preview-5074--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Jan 16, 2020

Deploy preview for carbon-elements ready!

Built with commit 1c7eb59

https://deploy-preview-5074--carbon-elements.netlify.com

@netlify
Copy link

netlify bot commented Jan 16, 2020

Deploy preview for carbon-components-react ready!

Built with commit 1c7eb59

https://deploy-preview-5074--carbon-components-react.netlify.com

@netlify
Copy link

netlify bot commented Jan 16, 2020

Deploy preview for the-carbon-components ready!

Built with commit 1462032

https://deploy-preview-5074--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Jan 16, 2020

Deploy preview for carbon-elements ready!

Built with commit 1462032

https://deploy-preview-5074--carbon-elements.netlify.com

@netlify
Copy link

netlify bot commented Jan 16, 2020

Deploy preview for carbon-components-react failed.

Built with commit 1462032

https://app.netlify.com/sites/carbon-components-react/deploys/5e20e7b4f56de30009658613

Copy link
Member

@aagonzales aagonzales 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!

Copy link
Contributor

@asudoh asudoh left a comment

Choose a reason for hiding this comment

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

LGTM 👍 - Thanks @tw15egan!

@asudoh asudoh merged commit a69e40c into carbon-design-system:master Jan 16, 2020
joshblack pushed a commit to joshblack/carbon that referenced this pull request Jan 23, 2020
@tw15egan tw15egan deleted the accordion-padding branch April 28, 2021 18:15
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Accordion content has padding right 25% applies
4 participants