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] 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
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

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
@Njeringungu Njeringungu linked a pull request Oct 8, 2024 that will close this issue
7 tasks
@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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
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
Status: Backlog
Development

Successfully merging a pull request may close this issue.

2 participants