GitHub-ReadMe icon indicating copy to clipboard operation
GitHub-ReadMe copied to clipboard

Highlight the active navbar element

Open elhussienalmasri opened this issue 1 year ago • 3 comments

Description of the bug. ✍🏻

add background and highlight the active navbar element and make it or style it like when the user hover on the element

please assign this issue for me

Current Behaviour

the active navbar element not highlighted

Expected Behaviour

the active navbar element highlighted

Reproduction Steps

1. Go to 'navbar'
2. Click on 'any element '
3. Scroll down to 'any section '
4. the active navbar element not highlighted

Screenshots

No response

Additional information

No response

Contributor terms

  • [X] I agree to follow the Contributing Instructions

elhussienalmasri avatar Jun 26 '23 21:06 elhussienalmasri

Hello @elhussienalmasri! Thank you for raising this issue.

Please make sure to follow our Contributing Guidelines. 💪🏻 Don't forget to ⭐ our GitHub-ReadMe. 📃

Our review team will carefully assess the issue and reach out to you soon! 😇 We appreciate your patience! 😀

github-actions[bot] avatar Jun 26 '23 21:06 github-actions[bot]

Please assign this issue to me.

gobbledy-gook avatar Jul 05 '23 14:07 gobbledy-gook

After carefully reviewing the issue, I am confident that I can implement the required changes effectively. My proposed solution involves enhancing the visual feedback when a user interacts with the navbar elements.

To accomplish this, I plan to:

1. Identify the active navbar element based on the current page or route.

2. Apply appropriate background styling to visually differentiate the active element from others.

3. Implement a hover effect that enhances the user experience and provides clear visual feedback.

By implementing these changes, users will have a better understanding of their current location within the navigation menu, improving the overall navigational experience.

I kindly request your permission to be assigned to this issue so that I can start working on it. I believe my skills and expertise make me well-suited to tackle this task efficiently. Additionally, I assure you that I will follow the best coding practices and maintain the existing code quality.

Please let me know if you have any questions or concerns regarding my proposed approach or if there are any specific guidelines I should follow while working on this issue. I am eager to contribute and help improve.

sdeSameerSweety avatar Jul 11 '23 14:07 sdeSameerSweety