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: header navigation current link styles #755

Merged
merged 3 commits into from
Jan 23, 2025
Merged

fix: header navigation current link styles #755

merged 3 commits into from
Jan 23, 2025

Conversation

ricklambrechts
Copy link
Member

@ricklambrechts ricklambrechts commented Jan 22, 2025

Currently with theme v0.1.0-beta.2 and manon v17.0.0-beta.1 the current link looks like:

image

The Flow item should look active.

Chrome Dev tools is showing that the current-link-focus variables are missing, but these variables should not be needed for only the current link styling.
image

Current link styling should come from here:

a[aria-current="page"],
a[aria-current="page"]:visited {
@extend %header-navigation-current-link-active-styling;
}

Instead from, so I removed the @extend line.

a[aria-current="page"],
a[aria-current="page"]:visited {
@extend %header-navigation-current-link-focus-styling;

Also the current link focus variables are still missing, so I default them to the focus variables.

After these changes the active item looks good.

image

@ricklambrechts ricklambrechts marked this pull request as ready for review January 22, 2025 12:10
@ricklambrechts ricklambrechts requested a review from a team as a code owner January 22, 2025 12:10
@reinschaap
Copy link
Contributor

With 'latest Manon' you mean v16.2 right?

@ricklambrechts
Copy link
Member Author

ricklambrechts commented Jan 22, 2025

With 'latest Manon' you mean v16.2 right?

Good one. I have updated the PR with the corresponding versions.

@ppvg ppvg changed the title Fix current link fix: header navigation current link styles Jan 23, 2025
@ppvg ppvg merged commit 229c5bf into main Jan 23, 2025
6 checks passed
@ppvg ppvg deleted the fix-current-link branch January 23, 2025 11:05
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.

3 participants