Make WordPress Core

Opened 3 years ago

Last modified 2 years ago

#49576 closed defect (bug)

Menu Editor UI issues on med-large screens — at Version 1

Reported by: garrett-eclipse's profile garrett-eclipse Owned by:
Milestone: 5.7 Priority: normal
Severity: normal Version:
Component: Menus Keywords: has-screenshots
Focuses: ui, css, administration Cc:

Description (last modified by garrett-eclipse)

Hello,

Just reporting two UI issues with the Menu Editor;

  1. On screens not quite on the medium breakpoint but not too wide you'll find the 'Save Menu' button falls directly below the Menu Name input.

https://core.trac.wordpress.org/raw-attachment/ticket/49576/Screen%20Shot%202020-03-03%20at%202.05.04%20PM.png
*This is worst when the button is focused as the input overlaps the button.
https://core.trac.wordpress.org/raw-attachment/ticket/49576/Screen%20Shot%202020-03-03%20at%202.05.15%20PM.png

  1. On larger screens when the input is beside the button you'll find the button is slightly larger.

https://core.trac.wordpress.org/raw-attachment/ticket/49576/Screen%20Shot%202020-03-03%20at%202.05.43%20PM.png
*I've seen a few tickets flagging other parts of the UI for similar issues.

Thanks

Change History (4)

@garrett-eclipse
3 years ago

Create Menu directly up against Menu Name input on med-large screens.

@garrett-eclipse
3 years ago

Button w/ focus overlapped by Menu Name input.

@garrett-eclipse
3 years ago

Save Menu button is slightly larger in height compared to the Menu Name input

#1 @garrett-eclipse
3 years ago

  • Description modified (diff)
Note: See TracTickets for help on using tickets.