CatsInTech / GitHub-ReadMe

This is a React Project where you can customise your GitHub ReadMe with all the available cool things.
http://githubreadme.co/
MIT License
52 stars 89 forks source link

Highlight the active navbar element #152

Open elhussienalmasri opened 1 year ago

elhussienalmasri commented 1 year ago

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

github-actions[bot] commented 1 year ago

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! 😀

gobbledy-gook commented 1 year ago

Please assign this issue to me.

sdeSameerSweety commented 1 year ago

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.