[Style] Highlight the active menu item in navbar - Githubissues

Rakesh9100 / CalcDiverse

CalcDiverse is a customized collection of calculators for various aspects of mathematics. Individuals with basic web development knowledge can create distinctive calculators and submit pull requests.

https://calcdiverse.netlify.app

Apache License 2.0

156 stars 391 forks source link

[Style] Highlight the active menu item in navbar #1503

Closed KajalBhatt123 closed 2 weeks ago

KajalBhatt123 commented 1 month ago

What's the style idea?

When hovering over the navigation links (Home, About, Calculators etc.), they turn pink as intended. However, once a link is clicked and the user navigates to that page, the color reverts to white, making it indistinguishable from inactive links. The current page link should remain pink in the navbar while inactive links should be white.

This should remain 👇

Screenshot 2024-07-06 204811 This will improve the user experience by clearly indicating the current page in the navigation bar.

Checklist

[X] I have checked the existing issues.
[X] I follow Contributing Guidelines of this project.
[X] I am a GSSOC'24 contributor.
[ ] I am a IWOC'24 contributor.
[ ] I am a JWOC'24 contributor.
[ ] I am a SWOC'24 contributor.

Code of Conduct

[X] I agree to follow this project's "Code of Conduct".

github-actions[bot] commented 1 month ago

Hey @KajalBhatt123, Welcome to the project CalcDiverse! 🎊 Thanks for opening an issue! 🙌 Please wait for the issue to be assigned. Happy Coding!! ✨

jessicachawla commented 3 weeks ago

@Rakesh9100 this issue can be assigned

Rakesh9100 commented 3 weeks ago

Pls attach the supporting screenshot in the issue description @KajalBhatt123

KajalBhatt123 commented 3 weeks ago

@Rakesh9100 ok added

Rakesh9100 commented 3 weeks ago

Go ahead @KajalBhatt123

github-actions[bot] commented 2 weeks ago

Hello @KajalBhatt123! Your issue #1503 has been closed. Thank you for your contribution!! 🙌