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] Mobile Menu on LegalDB website doesn't match the current Vocabulary design system #197

Open
1 task
Netacci opened this issue Oct 5, 2024 · 0 comments · May be fixed by #219
Open
1 task

[Feature] Mobile Menu on LegalDB website doesn't match the current Vocabulary design system #197

Netacci opened this issue Oct 5, 2024 · 0 comments · May be fixed by #219
Labels
💻 aspect: code Concerns the software code in the repository 🕹 aspect: interface Concerns end-users' experience with the software ✨ goal: improvement Improvement to an existing feature help wanted Open to participation from the community 🟩 priority: low Low priority and doesn't need to be rushed 🏁 status: ready for work Ready for work

Comments

@Netacci
Copy link

Netacci commented Oct 5, 2024

Problem

The mobile menu on the LegalDB website does not align with the current Vocabulary design system. The website uses a hamburger icon, and the UI of the opened menu is different from what is implemented in the design system, which uses a "Menu" button and a more aesthetically pleasing design.

LegalDb menu

legal-menu

LegalDb Open menu

legal-menu-open

Vocabulary menu

vocab-menu

Vocabulary open menu

vocab-menu-open

Description

To maintain consistency across projects, the mobile menu on the LegalDB website should be updated to match the UI guidelines from the design system.
This change will improve user experience and align the website with the design system's guidelines, making it more cohesive with the overall product design language.

Alternatives

One alternative is keeping the current hamburger icon and menu button implementation, but this results in inconsistent design across projects.

Additional context

The design system's mobile menu UI includes:

  • "Menu" button in place of a hamburger icon.
  • A more refined, aesthetically pleasing design when the menu is opened.
  • Consistent use of typography, spacing, and colors as defined in the design system.
  • creativecommons/vocabulary: A cohesive system of design for Creative Commons

Implementation

  • I would be interested in implementing this feature.
@Netacci Netacci 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 5, 2024
@TimidRobot TimidRobot added help wanted Open to participation from the community 🏁 status: ready for work Ready for work 🕹 aspect: interface Concerns end-users' experience with the software and removed 🚦 status: awaiting triage Has not been triaged & therefore, not ready for work labels Oct 7, 2024
@TimidRobot TimidRobot changed the title [Feature] Mobile Menu on LegalDB Website Does Not Match Design System [Feature] Mobile Menu on LegalDB website doesn't match the current Vocabulary design system Oct 7, 2024
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 🕹 aspect: interface Concerns end-users' experience with the software ✨ goal: improvement Improvement to an existing feature help wanted Open to participation from the community 🟩 priority: low Low priority and doesn't need to be rushed 🏁 status: ready for work Ready for work
Projects
Status: Backlog
Status: Backlog
Development

Successfully merging a pull request may close this issue.

2 participants