🐛 Bug Report: Missing Hover States on Navbar Links
Description:
The main navigation bar lacks interactive hover states for non-selected tabs. When a user hovers their mouse over the inactive links (e.g., Tracker, Contributors, Login), there is no visual feedback (such as a text color change, background highlight, or underline) to indicate that the elements are interactive and clickable.
Steps to Reproduce:
- Navigate to the web app (
https://github-spy.netlify.app/)
- Move the cursor over any of the inactive navigation links in the top header.
- Observe the lack of visual change.
Expected Behavior:
Inactive navigation links should have a defined :hover state (e.g., changing to a lighter color or matching the brand theme) to provide clear UI feedback to the user.
Actual Behavior:
The links remain completely static when hovered, creating a slightly unresponsive feel to the navigation.
Evidence:
https://drive.google.com/file/d/1GDVeR_gxCuuEsoyBNZkJoi5yXiviO-6R/view?usp=sharing
Proposed Solution:
If this issue is open for assignment, I would love to tackle it! It should be a quick CSS/Tailwind fix in the Navbar component to add a subtle hover effect to the <a> or <Link> tags. Please assign it to me if possible! 🚀
🐛 Bug Report: Missing Hover States on Navbar Links
Description:
The main navigation bar lacks interactive hover states for non-selected tabs. When a user hovers their mouse over the inactive links (e.g., Tracker, Contributors, Login), there is no visual feedback (such as a text color change, background highlight, or underline) to indicate that the elements are interactive and clickable.
Steps to Reproduce:
https://github-spy.netlify.app/)Expected Behavior:
Inactive navigation links should have a defined
:hoverstate (e.g., changing to a lighter color or matching the brand theme) to provide clear UI feedback to the user.Actual Behavior:
The links remain completely static when hovered, creating a slightly unresponsive feel to the navigation.
Evidence:
https://drive.google.com/file/d/1GDVeR_gxCuuEsoyBNZkJoi5yXiviO-6R/view?usp=sharing
Proposed Solution:
If this issue is open for assignment, I would love to tackle it! It should be a quick CSS/Tailwind fix in the Navbar component to add a subtle hover effect to the
<a>or<Link>tags. Please assign it to me if possible! 🚀