Menu Editor UI issues on med-large screens

[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.

*This is worst when the button is focused as the input overlaps the button.

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

*I've seen a few tickets flagging other parts of the UI for similar issues.

Thanks

[garrett-eclipse]

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

[garrett-eclipse]

Button w/ focus overlapped by Menu Name input.

[garrett-eclipse]

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

[garrett-eclipse]

#48430 is similar to item 2 I mentioned

[man4toman]

It happens between 783px to 852px.

[JavierCasares]

Replying to man4toman:

It happens between 783px to 852px.

It happens to me at 783-852, and 961-976.

The patch fixed the first one, but not the second one... :(

[audrasjb]

Menus: Fixes menu editor responsive issues on med-large screens

[audrasjb]

Thanks for your patch @man4toman,

I updated the patch, in 49576.1.diff:

• change media query’s values to (min-width: 783px) and (max-width: 870px) to handle more use cases
• some coding standards fixes

I think it's good to go now, thanks!
Adding a screenshot and commit keyword.

Cheers,
Jb

[audrasjb]

After 59576.1.diff

[man4toman]

@JavierCasares Yes you right, I missed second one.

Thanks @audrasjb, updated patch works fine.