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

fix(uishell): add background & font color to active current links #4980

Merged
merged 4 commits into from
Jan 9, 2020
Merged

fix(uishell): add background & font color to active current links #4980

merged 4 commits into from
Jan 9, 2020

Conversation

jendowns
Copy link
Contributor

@jendowns jendowns commented Jan 8, 2020

Closes #4842

Changelog

New

  • add light gray background color to active/current page links
  • add dark gray font color to active/current page links

Removed

  • some duplicate/unnecessary styles

Testing / Reviewing

To test in the carbon-components-react deployment --

  1. Go to the Fixed Sidenav story
  2. Inspect one of the last two side nav items "L0 Link"
  3. In the inspector, find the a (link) node and add one of the following:
  • aria-current="page" attribute, OR
  • .bx--side-nav__link--current class

That way you can mimic an active link & see what happens when it gets an active/current ARIA or class.

@netlify
Copy link

netlify bot commented Jan 8, 2020

Deploy preview for the-carbon-components ready!

Built with commit 8a8560c

https://deploy-preview-4980--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Jan 8, 2020

Deploy preview for carbon-elements ready!

Built with commit 8a8560c

https://deploy-preview-4980--carbon-elements.netlify.com

@netlify
Copy link

netlify bot commented Jan 8, 2020

Deploy preview for carbon-components-react ready!

Built with commit 8a8560c

https://deploy-preview-4980--carbon-components-react.netlify.com

Copy link
Collaborator

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

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

Looks great! Thanks for fixing this 👍

Copy link
Contributor

@asudoh asudoh left a comment

Choose a reason for hiding this comment

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

LGTM 👍 - Thanks @jendowns!

@asudoh asudoh requested review from a team and designertyler and removed request for a team January 8, 2020 23:30
@tw15egan tw15egan merged commit fe9b681 into carbon-design-system:master Jan 9, 2020
joshblack pushed a commit to joshblack/carbon that referenced this pull request Jan 13, 2020
joshblack pushed a commit to joshblack/carbon that referenced this pull request Jan 14, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[UI Shell] Top-level sidenav items don't get a gray background when selected
4 participants