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] Improve Navbar dropdown UI/UX #585

Open
2 tasks done
dipishBisht opened this issue Mar 8, 2025 · 6 comments · May be fixed by #665
Open
2 tasks done

[FEATURE] Improve Navbar dropdown UI/UX #585

dipishBisht opened this issue Mar 8, 2025 · 6 comments · May be fixed by #665
Labels
enhancement New feature or request

Comments

@dipishBisht
Copy link

Why do we need this improvement?

The current navbar dropdown design has UI/UX inconsistencies that affect the overall look and usability of the AsyncAPI Conference website. Some key issues include:

Visual Design: The dropdown looks outdated and lacks a modern, polished appearance.
Responsiveness: The mobile version needs improvements for better usability.
Accessibility: Keyboard navigation and contrast could be enhanced.

How will this change help?

A well-structured, aesthetically pleasing dropdown that enhances user experience and aligns with the overall design of the website.

Screenshots

Recording.2025-03-08.170223.mp4

Only want the ui enhacement of the dropdown

How could it be implemented/designed?

Image

🚧 Breaking changes

Yes

👀 Have you checked for similar open issues?

  • I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

Are you willing to work on this issue?

Yes I am willing to submit a PR!
@dipishBisht dipishBisht added the enhancement New feature or request label Mar 8, 2025
@github-actions GitHub Actions
Copy link

github-actions bot commented Mar 8, 2025

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

@AceTheCreator
Copy link
Member

@Mayaleeeee, what do you think about this design concept?

@Mayaleeeee
Copy link
Member

@Mayaleeeee, what do you think about this design concept?

Looks good @AceTheCreator

Can we see what it will look like when the user hovers over it? Like the colour it will show? @dipishBisht

cc @ashmit-coder

TanmayChaurasia24 pushed a commit to TanmayChaurasia24/conference-website that referenced this issue Mar 11, 2025
@tanmaychaurasia2026
feat: Improve Navbar dropdown UI/UX (asyncapi#585)
7d6b85f
@TanmayChaurasia24 TanmayChaurasia24 mentioned this issue Mar 11, 2025
Closed
TanmayChaurasia24 pushed a commit to TanmayChaurasia24/conference-website that referenced this issue Mar 11, 2025
@tanmaychaurasia2026
feat: improve navbar dropdown UI/UX (asyncapi#585)
4fa3403
@TanmayChaurasia24 TanmayChaurasia24 mentioned this issue Mar 11, 2025
Closed
@dipishBisht
Copy link
Author

Recording.2025-03-11.212543.mp4

@AceTheCreator @Mayaleeeee, I've uploaded video showing how the hover effect works for the dropdown. Let me know if you need any changes or improvements, and I'd be happy to adjust it.

@AceTheCreator
Copy link
Member

@dipishBisht, can you go ahead and open a PR to see what your implementation is like?

@dipishBisht
Copy link
Author

@AceTheCreator Sure, was waiting for the approval.

@dipishBisht dipishBisht linked a pull request Mar 24, 2025 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
3 participants
@AceTheCreator @Mayaleeeee @dipishBisht