-
Notifications
You must be signed in to change notification settings - Fork 30
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
Adjust container spacing for containers with defined collectionLevel
#12922
Conversation
Size Change: +24 B (0%) Total Size: 958 kB ℹ️ View Unchanged
|
…he space at the bottom
…r than using contextual info
b4ffc50
to
96dbc0c
Compare
Hello 👋! When you're ready to run Chromatic, please apply the You will need to reapply the label each time you want to run Chromatic. |
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! ✨ Nice to make the spacing toggle more generic rather than tied to a particular container type.
What does this change?
For containers with a defined
collectionLevel
prop, there is no longer spacing applied to theFrontSection
as this is now expected to happen within the container component itself.We now add the spacing value to the
ScrollableCarousel
component instead of allowingFrontSection
to control this.Also adjusts the naming of the prop
isFlexibleContainer
tohasLargeSpacing
to separate the contextual information from the details the component needs to render.Why?
We noticed there was double spacing applied to some containers so this aligns closer to the designs.
Trello ticket
Screenshots