Skip to content

DropdownMenu: Design feedback #50910

@ciampo

Description

@ciampo

Tracked by #50459

Two little bits of feedback / points of discussion.

From an alignment perspective I feel like the dropdown divider should either align with the content of the menu items or go full width. This is related to our previous conversations about site editor sidebar where menu item hover state has negative margin similar to the examples below.

Mac

image

image

image

Todoist

image

Notion

image

Plain

image

What our site editor sidebar menu's might be

image

Current dropdown

image

The other bit of feedback is around colour of hover state. I would love for us to start standardising around around how colour is used across across different UI states. I like Radix colour system for this reason (see below). In this case we have a hover state for menu items which should be consistent with how we treat hover states in the site editor sidebar (using a lighter gray).

image

so something like this

image

Originally posted by @SaxonF in #50459 (comment)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions