Site Editor: No space on the left or right of the menu in mobile view

[t-hamano]

Description

As you can see, in the Gutenberg trunk there is no left or right spacing in the mobile view. To make it easier to see, I have artificially added focus to some elements.

WP 6.7	Gutenberg trunk

After investigation, it seems that this issue was caused by PR #67321 and PR #67199. I think this is not intended.

Step-by-step reproduction instructions

N/A

Screenshots, screen recording, code snippet

No response

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

Please confirm which theme type you used for testing.

• Block
• Classic
• Hybrid (e.g. classic with theme.json)
• Not sure

[afercia]

Good catch thanks. Relevant history:
#66606, #66606 (comment), #67321 and #67575

Some of the elements in the navigation panel did use negative left and right margins even before the changes in #66606 and the CSS was targeting the class of the ItemGroup .components-item-group which is a bad practice. From there, a series of changes were implemented to avoid the usage of base components CSS classes. This may have had an impact in the mobile view. Anyways, these negative margins should be reduced in the mobile view or, alternatively, the usage of negative margins could be entirely reconsidered.

[rinkalpagdar]

I want to work on this issue.

[t-hamano]

@rinkalpagdar Thanks for your interest in this issue, but since this issue is related to #68907, it might be better to tackle it after #68907 is merged. Please see #68907 (comment).