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

Style Guide Nav Icons & Ordering #357

Merged
merged 3 commits into from
Mar 17, 2018
Merged

Conversation

bstaruk
Copy link
Contributor

@bstaruk bstaruk commented Mar 17, 2018

This PR brings icons to our style guide navigation headings, and re-orders the nav sections to be a bit more intuitive.

Note that some changes were made to the SgPageShell style guide molecule, imported from the same project that the icons were. @drolsen, please be sure to pay special attention to these changes while testing/reviewing.

Motivation and Context

We've implemented these changes on another project and it looked great, so we're bringing it into FC core.

Types of changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to change)

Checklist:

  • My code follows the code style of this project.
  • My change requires a change to the documentation.
  • I have updated the documentation accordingly.
  • I have read the CONTRIBUTING document.
  • I have added tests to cover my changes.
  • All new and existing tests passed.

@bstaruk bstaruk changed the title [WIP] Style Guide Nav Icons & Ordering Style Guide Nav Icons & Ordering Mar 17, 2018
Copy link
Member

@drolsen drolsen left a comment

Choose a reason for hiding this comment

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

Looking good! Thank you!
Just a couple changes.

YAY

@@ -22,13 +20,7 @@ export const SgPageShell__navigation = (props) => {

return (
<nav className={classStack} {...attrs}>
<Scrollbars
Copy link
Member

Choose a reason for hiding this comment

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

Lets leave the custom scroll bars please. This is for Windows users like me who don't get nice fancy thin OSX scroll bars :D

@@ -58,9 +50,9 @@ export const SgPageShell__main = (props) => {
]);

return (
<div className={classStack} {...attrs} role="main" id="sg-main">
<main className={classStack} {...attrs} role="main" id="sg-main">
Copy link
Member

Choose a reason for hiding this comment

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

Is this to fix a console warning?

@@ -86,13 +78,7 @@ export const SgPageShell = (props) => {

return (
<div className={classStack} {...attrs}>
<Scrollbars
Copy link
Member

Choose a reason for hiding this comment

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

Lets leave the custom scroll bars please. This is for Windows users like me who don't get nice fancy thin OSX scroll bars :D

@drolsen drolsen merged commit 063eb26 into develop Mar 17, 2018
@drolsen drolsen deleted the enhancement/styleguide-nav-icons branch March 17, 2018 17:52
@drolsen drolsen mentioned this pull request Mar 20, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants