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

Adds additional styling for active global navigation item #15061

Merged
merged 16 commits into from
Jun 11, 2024

Conversation

gcamacho079
Copy link
Contributor

@gcamacho079 gcamacho079 commented May 23, 2024

… page

Description

  • Makes active global nav items more apparent by using styles that match nested sidebars
  • Ties active navigation item styling to aria-current values
  • Sets global variables for navigation active/hover backgrounds

Related issues

#15007

@gcamacho079 gcamacho079 added the accessibility 👤 features related to accessibility label May 24, 2024
@gcamacho079 gcamacho079 marked this pull request as ready for review May 24, 2024 17:41
@brianjhanson
Copy link
Contributor

Thanks @gcamacho079! I adjusted the styling a bit more. I know we're not quite hitting the 3:1 contrast ratio for the active items, so I moved the indicator away from the edge a bit to make that more obvious.

CleanShot 2024-06-10 at 09 12 25

# Conflicts:
#	src/web/assets/cp/dist/css/cp.css
#	src/web/assets/cp/dist/css/cp.css.map
[ci skip]
[ci skip]
@brandonkelly brandonkelly merged commit 0e63ef9 into 5.2 Jun 11, 2024
@brandonkelly brandonkelly deleted the a11y/active-global-nav-item branch June 11, 2024 21:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility 👤 features related to accessibility
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants