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

Navigation Editor: Add visual cues for the menu and page list items #30659

Closed
Tracked by #29102
javierarce opened this issue Apr 9, 2021 · 2 comments
Closed
Tracked by #29102
Labels
Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@javierarce
Copy link
Contributor

javierarce commented Apr 9, 2021

I've noticed that the interface lacks some visual cues (ie: highlights) in a couple of places:

  • When the user hovers the main menu after it has been created
  • When the user hovers the main menu in general
  • When the user hovers a list of pages

This lack of feedback from the UI makes the discoverability of the edit options a bit difficult (for example, I had some trouble discovering the main sidebar menu when I started working on this project).

Here are some videos showcasing the problem:

Initial.placeholder.mov
Main.navigation.mov
List.of.pages.mov

Proposed solution

I'd highlight the border of the main menu in blue and the list of pages in grey.

@priethor priethor added [Feature] Navigation Screen [Type] Enhancement A suggestion for improvement. Needs Design Needs design efforts. Needs Design Feedback Needs general design feedback. and removed Needs Design Needs design efforts. labels Apr 9, 2021
@javierarce
Copy link
Contributor Author

When we fix this issue about the placeholder state, we'll also solve one of the problems mentioned here.

@javierarce
Copy link
Contributor Author

I'm closing this issue since the navigation screen is no longer actively developed.

Related: #43620.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

2 participants