Skip to content

Missing Visual Indicator for Active Navigation Link in Navbar #647

@Biswas-Samrat

Description

@Biswas-Samrat

When a user navigates to any page or option (e.g., Home, Browse, Chat, Map Analysis, Explorer) via the main navigation bar, there is no visual feedback or "active state" applied to the corresponding link.

🐛 Problem:
Users cannot easily determine which page they are currently on by looking at the navigation bar, leading to a poor user experience, confusion, and potential difficulty in orienting themselves within the application.

🎯 Expected Behavior:
The navigation link corresponding to the user's current page should have a clear visual indicator. This indicator might be:

  • Underlining the active link.
  • Changing the font color or boldness of the active link.
  • Adding a background highlight

💡 Suggested Fix:
Implement a clear CSS class (e.g., .nav-link-active) on the active navigation element to provide immediate visual confirmation of the user's current location.

@robvanderveer / @northdpole
Assign this issue to me and share your thoughts on this issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions