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

feat(menu): highlight active items #9940

Merged
merged 8 commits into from
Nov 24, 2023
Merged

Conversation

caugner
Copy link
Contributor

@caugner caugner commented Nov 3, 2023

Summary

Problem

The main menu doesn't visualize what section the user is currently in.

Solution

Highlight the current item(s).

Note: The challenge is that our menu is not strictly hierarchical, i.e. "Guides" -> "Accessibility" links to the "References" section. This will be fixed in a separate PR.


Screenshots

What Before After
Menu Dark image image
Menu Dark + Hover image image
Menu Light image image
Menu Light + Hover image image
Item Dark image image
Item Dark + Hover image image
Item Light + Hover image image

How did you test this change?

Opened https://developer.allizom.org/en-US/docs/Web/CSS and https://developer.allizom.org/en-US/plus/ai-help on stage.

@github-actions github-actions bot added the plus work around features related to MDN Plus label Nov 3, 2023
@caugner caugner changed the title feat(menu): hightlight active items feat(menu): hightligh active items Nov 7, 2023
@caugner caugner changed the title feat(menu): hightligh active items feat(menu): highlight active items Nov 7, 2023
@caugner caugner marked this pull request as ready for review November 17, 2023 17:16
@caugner caugner requested a review from a team as a code owner November 17, 2023 17:16
Copy link

@AnujaRajput727 AnujaRajput727 left a comment

Choose a reason for hiding this comment

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

approved the UI changes

Copy link
Member

@LeoMcA LeoMcA left a comment

Choose a reason for hiding this comment

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

lgtm!

@caugner caugner merged commit ecc9f54 into main Nov 24, 2023
15 checks passed
@caugner caugner deleted the highlight-active-menu-items branch November 24, 2023 13:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
plus work around features related to MDN Plus
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants