Site Editor: Fix Top Bar Unclickable on Small Screens

[Copons]

Related to #87247

Proposed Changes

• Prevent the Site Editor's WP logo from expanding to the whole width, covering the top bar, and preventing click-throughs.

Note

This hotfix should probably live in a (new) default/editor.scss file, so that it applies to any site type.

I chose to keep it in wpcom because otherwise, AFAICS, it would need a Jetpack release to enqueue the new style.

We could do it separately if needed.

Testing Instructions

• Sync these changes to the sandbox.
• Sandbox a test site and widgets.wp.com.
• Open the site editor and enter canvas mode (/wp-admin/site-editor.php?canvas=edit).
• Ensure the top bar is all clickable.
• Resize the window to a phone-like width.
• Ensure the top bar is all clickable.
• Ensure the WP logo is clickable too.

Pre-merge Checklist

• Has the general commit checklist been followed? (PCYsg-hS-p2)
• https://wpcalypso.wordpress.com/devdocs/docs/testing/index.md for your changes?
• Have you tested the feature in Simple (P9HQHe-k8-p2), Atomic (P9HQHe-jW-p2), and self-hosted Jetpack sites (PCYsg-g6b-p2)?
• Have you checked for TypeScript, React or other console errors?
• Have you used memoizing on expensive computations? More info in Memoizing with create-selector and Using memoizing selectors and Our Approach to Data
• Have we added the "[Status] String Freeze" label as soon as any new strings were ready for translation (p4TIVU-5Jq-p2)?
• For changes affecting Jetpack: Have we added the "[Status] Needs Privacy Updates" label if this pull request changes what data or activity we track or use (p4TIVU-ajp-p2)?

[github-actions]

Calypso Live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:commit-0b5a7b64fdbc5849f5dceb370c8ad05c3338a89f

Jetpack Cloud live (direct link)

https://calypso.live?image=registry.a8c.com/calypso/app:commit-0b5a7b64fdbc5849f5dceb370c8ad05c3338a89f&env=jetpack

[matticbot]

This PR does not affect the size of JS and CSS bundles shipped to the user's browser.

Generated by performance advisor bot at iscalypsofastyet.com.

[rcrdortiz]

Works as described. Can we create a follow-up task for releasing this change on Jetpack too?

[fullofcaffeine]

Thanks for taking care of this!