Skip to content

SideNav Visual Refresh#707

Merged
emplums merged 3 commits intorefreshfrom
sidenav-refresh
Mar 9, 2020
Merged

SideNav Visual Refresh#707
emplums merged 3 commits intorefreshfrom
sidenav-refresh

Conversation

@emplums
Copy link
Copy Markdown

@emplums emplums commented Mar 6, 2020

This PR updates the SideNav with the new visual refresh styles! So far I've just updated the orange color that we're using. @auareyou I wasn't sure if there are any other changes that should be made? I didn't see anything in the Figma file under the navigation frame that corresponds to our SideNav (there's a vertical navigation component but I think that is corresponding to the Menu Component.

The current SideNav has a grey background, and selected items turn white. Should we keep those styles and just update the orange color?

Primer CSS SideNav: https://primer.style/css/components/navigation#side-nav
Primer Components SideNav: https://primer.style/components/SideNav

Before After
image image

@emplums emplums requested a review from auareyou March 6, 2020 22:22
@vercel
Copy link
Copy Markdown

vercel bot commented Mar 6, 2020

This pull request is being automatically deployed with ZEIT Now (learn more).
To see the status of your deployment, click below or on the icon next to each commit.

🔍 Inspect: https://zeit.co/primer/primer-components/p00cmll6e
✅ Preview: https://primer-components-git-sidenav-refresh.primer.now.sh

@emplums emplums changed the base branch from master to refresh March 6, 2020 22:22
@vercel vercel bot temporarily deployed to Preview March 6, 2020 22:24 Inactive
@vercel vercel bot temporarily deployed to Preview March 6, 2020 22:24 Inactive
Copy link
Copy Markdown

@auareyou auareyou left a comment

Choose a reason for hiding this comment

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

I didn't realize those were two different components. I was assuming SideNav was the same as vertical navigation. I do see how the orange background wouldn't work in this component with all the grey backgrounds. I'm happy to leave as is and look into a bit more in depth later. :)

@emplums emplums merged commit 1d22c12 into refresh Mar 9, 2020
@emplums emplums deleted the sidenav-refresh branch March 9, 2020 19:01
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