Open
Description
The Header in the Gutenberg Editor on Mobile Web doesn't contain sufficient screen estate to align the items nicely.
Steps to reproduce
- Switch to a mobile viewport (I used Moto G4). Here's a guide on how to do it w/ Chrome Dev Tools.
- Go to
https://wordpress.com/home/<somesiteid>.wordpress.com
- From the main menu, select Appearance > Themes
- Activate a different theme and proceed to edit the homepage
- The items in the header aren't aligned.
Here's a video where the behavior is being reproduced https://www.loom.com/share/6f6eecb26818454891daaaf3753ca3b6.
You can also go straight to https://wordpress.com/page/<somesiteid>.wordpress.com/home
to reproduce the behavior.
Notes
Related to #48337 and #47386. See #47386 (comment)
Hint: to prevent the DOM manipulation that adds the Launch button and modifies the Save button, we can do an early return, on smaller screens: https://github.com/Automattic/wp-calypso/blob/trunk/apps/editing-toolkit/editing-toolkit-plugin/editor-site-launch/src/launch-button/index.ts#L24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment