Skip to content

Increase header menu target size #16

Closed

Description

Currently the target areas for the menu items in the header are much smaller than the size of the menu, this leads to a lot of dead space around menu items that is unclickable.

Additionally, there's no feedback to the user (other than the mouse pointer) on if they are/are not over a menu item.

Can we increase the target area for menu's to be the full "area" of the item?

For example, I've added a background colour to the existing hover/clickable area in this video:

Screen.Recording.2021-10-22.at.12.10.49.pm.mov

At the one-second mark you'll also see a glitch where it looks like the menu is shown before the parent target is reached, looks like there might be a 1px window where the menu is hidden in the background.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions