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

Use css-in-js for styling in navigation component #24522

Merged
merged 4 commits into from
Aug 18, 2020

Conversation

joshuatf
Copy link
Contributor

Description

Migrates styles from scss to css-in-js using emotion.

Screenshots

Screen Shot 2020-08-11 at 5 35 59 PM

Testing

  1. Run npm run storybook:dev.
  2. Make sure that the Navigation component renders appropriately matching the design.
  3. Make sure when clicking the buttons, the full width of the button inside the menu is focused.

@joshuatf joshuatf mentioned this pull request Aug 12, 2020
@psealock psealock added the [Feature] Navigation Component A navigational waterfall component for hierarchy of items. label Aug 16, 2020
Copy link
Contributor

@psealock psealock left a comment

Choose a reason for hiding this comment

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

Nice, looking good and a few small comments.

Make sure when clicking the buttons, the full width of the button inside the menu is focused.

Is this a requirement? If not, it could simplify some padding issues.

@joshuatf
Copy link
Contributor Author

Thanks for the review, @psealock! Handled your feedback and removed quite a bit of styling to simplify this component further. Ready for another review.

Copy link
Contributor

@psealock psealock left a comment

Choose a reason for hiding this comment

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

Nice, I like the simplicity 🚢

@psealock psealock merged commit 10ad10c into WordPress:feature/navigation Aug 18, 2020
psealock pushed a commit that referenced this pull request Aug 25, 2020
* Migrate styles to css-in-js

* Add spacing to navigation child items

* Remove opinionated styling

* Rename styling components
psealock pushed a commit that referenced this pull request Aug 26, 2020
* Migrate styles to css-in-js

* Add spacing to navigation child items

* Remove opinionated styling

* Rename styling components
psealock pushed a commit that referenced this pull request Aug 31, 2020
* Migrate styles to css-in-js

* Add spacing to navigation child items

* Remove opinionated styling

* Rename styling components
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Navigation Component A navigational waterfall component for hierarchy of items.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants