WordPress.org

Make WordPress Core

Opened 4 weeks ago

Last modified 4 weeks ago

#49576 new defect (bug)

Menu Editor UI issues on med-large screens

Reported by: garrett-eclipse Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Menus Keywords: has-screenshots
Focuses: ui, css 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

Attachments (3)

Screen Shot 2020-03-03 at 2.05.04 PM.png (14.1 KB) - added by garrett-eclipse 4 weeks ago.
Create Menu directly up against Menu Name input on med-large screens.
Screen Shot 2020-03-03 at 2.05.15 PM.png (12.1 KB) - added by garrett-eclipse 4 weeks ago.
Button w/ focus overlapped by Menu Name input.
Screen Shot 2020-03-03 at 2.05.43 PM.png (11.3 KB) - added by garrett-eclipse 4 weeks ago.
Save Menu button is slightly larger in height compared to the Menu Name input

Download all attachments as: .zip

Change History (5)

@garrett-eclipse
4 weeks ago

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

@garrett-eclipse
4 weeks ago

Button w/ focus overlapped by Menu Name input.

@garrett-eclipse
4 weeks ago

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

#1 @garrett-eclipse
4 weeks ago

  • Description modified (diff)

#2 @garrett-eclipse
4 weeks ago

#48430 is similar to item 2 I mentioned

Last edited 4 weeks ago by garrett-eclipse (previous) (diff)
Note: See TracTickets for help on using tickets.