Skip to content

feat(BaseLinkTabs): add hover effect #7953

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

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

Mohit5Upadhyay
Copy link

Description

This PR adds a hover effect to the blog page menu links to improve the user experience and visual feedback when navigating the blog section. This PR resolves issue #7952 by introducing a hover effect for various categories both for dark-mode and light-mode.

Validation

blog-tabs-hover.mp4

Related Issues

Fixes #7952

Check List

  • [✅] I have read the Contributing Guidelines and made commit messages that follow the guideline.
  • [✅] I have run pnpm format to ensure the code follows the style guide.
  • [✅] I have run pnpm test to check if all tests are passing.
  • [✅] I have run pnpm build to check if the website builds without errors.
  • [✅] I've covered new added functionality with unit tests if necessary.

@Copilot Copilot AI review requested due to automatic review settings July 5, 2025 09:19
@Mohit5Upadhyay Mohit5Upadhyay requested a review from a team as a code owner July 5, 2025 09:20
Copy link

vercel bot commented Jul 5, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
nodejs-org ✅ Ready (Inspect) Visit Preview Jul 5, 2025 9:21am

Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR introduces a hover effect on the blog page menu links in both light and dark modes to improve visual feedback.

  • Adds a non-active hover style for BaseLinkTabs to change border and text colors.
  • Ensures dark-mode variants are handled consistently.

@avivkeller avivkeller changed the title fix: add hover effect to blog page menu links (#7952) feat(BaseLinkTabs): add hover effect Jul 5, 2025
Copy link

codecov bot commented Jul 5, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 75.35%. Comparing base (5572773) to head (581afe0).

✅ All tests successful. No failed tests found.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #7953      +/-   ##
==========================================
- Coverage   75.37%   75.35%   -0.03%     
==========================================
  Files          96       96              
  Lines        8354     8354              
  Branches      220      220              
==========================================
- Hits         6297     6295       -2     
- Misses       2055     2057       +2     
  Partials        2        2              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Member

@AugustinMauroy AugustinMauroy left a comment

Choose a reason for hiding this comment

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

LGMT !

@avivkeller
Copy link
Member

@Mohit5Upadhyay Can you rebase?

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.

Enhancement : Blog post categories need hover effect .
3 participants