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

Highlight the active navbar element #152

Open
1 task done
elhussienalmasri opened this issue Jun 26, 2023 · 3 comments
Open
1 task done

Highlight the active navbar element #152

elhussienalmasri opened this issue Jun 26, 2023 · 3 comments
Labels
bug Something isn't working gssoc23 This is label for GirlScript Summer of Code 2023

Comments

@elhussienalmasri
Copy link

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

  • I agree to follow the Contributing Instructions
@elhussienalmasri elhussienalmasri added the bug Something isn't working label Jun 26, 2023
@github-actions
Copy link

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 github-actions bot added the gssoc23 This is label for GirlScript Summer of Code 2023 label Jun 26, 2023
@gobbledy-gook
Copy link

Please assign this issue to me.

@sdeSameerSweety
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working gssoc23 This is label for GirlScript Summer of Code 2023
Projects
None yet
Development

No branches or pull requests

3 participants