Skip to content
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

Feature: Add Active State Indicator for Navbar Links to Enhance User Navigation #1185

Closed
3 tasks done
112201007 opened this issue Nov 8, 2024 · 2 comments · Fixed by #1188
Closed
3 tasks done

Feature: Add Active State Indicator for Navbar Links to Enhance User Navigation #1185

112201007 opened this issue Nov 8, 2024 · 2 comments · Fixed by #1188
Assignees

Comments

@112201007
Copy link
Contributor

112201007 commented Nov 8, 2024

Is your feature request related to a problem? Please describe.

Currently, when navigating through the pages using the top navbar options (Home, Scholarship, Jobs, Forum, FAQ, etc.), there is no visual indication of the active or selected page. This lack of an active state marker can create a confusing user experience, as users may lose track of their current page or find it difficult to quickly identify which page they are on. While the website functions without this feature, the lack of an active indicator feels unintuitive and detracts from the overall user experience.Adding an active state (highlighting or underlining the selected option in the navbar) would improve usability by providing a clear, consistent navigation indicator.
WhatsApp Image 2024-11-08 at 9 11 17 PM
Could you quickly tell which page is currently active? Well, I can't!

Describe the solution you'd like.

Implement an active state style for navbar items to visually indicate the current page. This could involve:

Adding a distinct color, underline, or background highlight to the active navbar item.
Ensuring that the active state is dynamically updated as the user navigates through different pages.

I would like to work on this enhancement. Please assign this task to me.

Describe alternatives you've considered.

No response

Additional context.

No response

Show us the magic with screenshots

No response

Checklist

Copy link

github-actions bot commented Nov 8, 2024

Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

@112201007 112201007 changed the title [Mention The Feature]: Add Active State Indicator for Navbar Links to Enhance User Navigation Feature: Add Active State Indicator for Navbar Links to Enhance User Navigation Nov 8, 2024
@112201007
Copy link
Contributor Author

I have implemented the feature that highlights the active page in the navbar, which enhances the overall navigation experience. The corresponding pull request with these changes has been created.I kindly request you to review the changes and consider my contribution. Please let me know if any further modifications or improvements are required.

PR: #1188

Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Development

Successfully merging a pull request may close this issue.

2 participants