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
[NUXE-47] Create samples categories #1214
Conversation
flex-direction: column; | ||
align-items: center; | ||
} | ||
@include break_at(731px){ |
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.
interesting px choice. Any particular reason for 731
? Just curious!
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.
Right? That's the exact width at which stuff displays wonky if it's not vertically aligned (flex-direction: column
). Had to reconfigure it after adding new min-width
value to the list kit.
What does this PR do?
samples.yml
.--category
flag. It updates the yaml and creates templated files/imports.samples.yml
and creates titles, list text, and images dynamically. New svg cards for each category can be added by placing an svg in the asset folder that matches the name of the yaml category, i.e.new_category.svg
.Addendum...
Fixes bug described in this story. Renames React component to line up with rendering helper string parse conventions and removes duplicate js import in samples layout.
Screens
Breaking Changes
n/a
Runway Ticket URL
Link to Runway Story
How to test this
Try generating new sample, make sure it appears as expected on the page.
Checklist:
enhancement
,bug
,improvement
,new kit
,deprecated
, orbreaking
. See Changelog & Labels for details.Milano
label when you are ready for a review.The normal release cut off deadline is 3p EDT each week. Please reach out to the release team if you have an urgent request or need a release off cycle.