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.

Sign up for GitHub

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

Jump to bottom

[Feature] Enhancement: Add Hover Effect to Navigation Bar Links for Better User Experience #154

Open
1 task done
Njeringungu opened this issue Oct 8, 2024 · 1 comment · May be fixed by #155
Open
1 task done

[Feature] Enhancement: Add Hover Effect to Navigation Bar Links for Better User Experience #154

Njeringungu opened this issue Oct 8, 2024 · 1 comment · May be fixed by #155
Labels
💻 aspect: code Concerns the software code in the repository ✨ goal: improvement Improvement to an existing feature 🟩 priority: low Low priority and doesn't need to be rushed 🚧 status: blocked Blocked & therefore, not ready for work

Comments

@Njeringungu
Copy link

Njeringungu commented Oct 8, 2024 •
edited
Loading

Problem

  • The navigation bar links currently lack a hover effect, making it difficult for users to recognize which elements are interactive.

  • This can lead to confusion and a poor user experience, especially for users relying on visual cues.

Description

  • Enhancing the navigation bar with a hover effect will significantly improve user interaction and accessibility by providing clear visual feedback that indicates links are clickable.

  • This will enhance overall usability and aesthetics.

Implementation

  • Modify the CSS for the elements in the navigation bar to include a hover state.

  • Add a hover effect with a text decoration of underline, using the --vocabulary-brand-color-turquoise color.

Screenshot from 2024-10-09 01-09-57

  • I would be interested in implementing this feature.
@Njeringungu Njeringungu added ✨ goal: improvement Improvement to an existing feature 💻 aspect: code Concerns the software code in the repository 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work 🟩 priority: low Low priority and doesn't need to be rushed labels Oct 8, 2024
@cc-open-source-bot cc-open-source-bot moved this to Triage in WebDev Oct 8, 2024
@Njeringungu Njeringungu linked a pull request Oct 8, 2024 that will close this issue
Open
7 tasks
@possumbilities possumbilities mentioned this issue Oct 14, 2024
Open
1 task
@possumbilities possumbilities added 🚧 status: blocked Blocked & therefore, not ready for work and removed 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work labels Oct 14, 2024
@possumbilities
Copy link
Contributor

Work here is 🚧 status: blocked Blocked & therefore, not ready for work by:

@possumbilities possumbilities moved this from Triage to Backlog in WebDev Oct 14, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
💻 aspect: code Concerns the software code in the repository ✨ goal: improvement Improvement to an existing feature 🟩 priority: low Low priority and doesn't need to be rushed 🚧 status: blocked Blocked & therefore, not ready for work
Projects
WebDev
Status: Backlog
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Add Hover Effect to Navigation Bar Links Njeringungu/vocabulary
2 participants
@Njeringungu @possumbilities