Skip to content

Fix navbar hover state on scroll#55700

Open
p1930n wants to merge 2 commits intokubernetes:mainfrom
p1930n:fix-navbar-hover-onscroll
Open

Fix navbar hover state on scroll#55700
p1930n wants to merge 2 commits intokubernetes:mainfrom
p1930n:fix-navbar-hover-onscroll

Conversation

@p1930n
Copy link
Copy Markdown
Contributor

@p1930n p1930n commented May 7, 2026

What changed

  • Update the scrolled navbar state so navbar links and the hamburger use the visible medium gray color on both hover and focus.

Why

When the homepage navbar switches to .navbar-bg-onscroll, the base link color becomes dark gray. The previous selector only applied the hover color when an element was both hovered and focused, so plain hover could fall back to the dark navbar hover styling and become hard to read against the white scrolled navbar.

Fixes #54938

Validation

  • git diff --check

AI disclosure

This PR was assisted by Codex / AI tooling

I completed the overall direction and implementation plan myself. The initial code were made by an AI agent, then I reviewed and modified the remaining issues. The changes were reviewed again by the AI agent, followed by another review from me with additional feedback. A later revision was made by a sub-agent

The final PR description and commit content were drafted with AI assistance and reviewed by me. I reviewed all submitted changes and take responsibility for the final result

@k8s-ci-robot k8s-ci-robot added do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. cncf-cla: yes Indicates the PR's author has signed the CNCF CLA. labels May 7, 2026
@k8s-ci-robot
Copy link
Copy Markdown
Contributor

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign divya-mohan0209 for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@k8s-ci-robot k8s-ci-robot added area/web-development Issues or PRs related to the kubernetes.io's infrastructure, design, or build processes sig/docs Categorizes an issue or PR as relevant to SIG Docs. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. labels May 7, 2026
@netlify
Copy link
Copy Markdown

netlify Bot commented May 7, 2026

Pull request preview available for checking

Built without sensitive environment variables

Name Link
🔨 Latest commit fa9caed
🔍 Latest deploy log https://app.netlify.com/projects/kubernetes-io-main-staging/deploys/69fc537680e7d000083cdec5
😎 Deploy Preview https://deploy-preview-55700--kubernetes-io-main-staging.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@p1930n p1930n marked this pull request as ready for review May 7, 2026 09:05
@k8s-ci-robot k8s-ci-robot removed the do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. label May 7, 2026
@k8s-ci-robot k8s-ci-robot requested a review from lmktfy May 7, 2026 09:05
@p1930n p1930n changed the title [codex] Fix navbar hover state on scroll Fix navbar hover state on scroll May 7, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area/web-development Issues or PRs related to the kubernetes.io's infrastructure, design, or build processes cncf-cla: yes Indicates the PR's author has signed the CNCF CLA. sig/docs Categorizes an issue or PR as relevant to SIG Docs. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug] Navbar links invisible on hover after scrolling down on homepage (white text on white background)

2 participants