Site editor: Appearance section is not mobile responsive

[Robertght]

Description

When using Chrome on mobile, the Appearance section isn't fully visible on the screen.

Step-by-step reproduction instructions

1. Go to Site Editor
2. Pages
3. Click on the cog wheel
4. Check the results

Screenshots, screen recording, code snippet

Environment info

WordPress information

• WordPress version: 6.6.2
• Gutenberg version: 19.3
• Are all plugins except Gutenberg deactivated? Yes
• Are you using a default theme (e.g. Twenty Twenty-One)? Yes

Device information

• Device: iPhone 13 Pro
• Operating system: 18.0
• Chrome

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

[megane9988]

• WordPress version: 6.6.2
• Gutenberg version: 19.5.1
• Are all plugins except Gutenberg deactivated? Yes
• Are you using a default theme (e.g. Twenty Twenty-One)? Yes
  • I used Twenty Twenty-Four

Device information

• Device: iPhone 14
• Operating system: 18.0.1
• Chrome

the Appearance section was fully visible on the screen.

[github-actions]

Hi,
This issue has gone 30 days without any activity. This means it is time for a check-in to make sure it is still relevant. If you are still experiencing this issue with the latest versions, you can help the project by responding to confirm the problem and by providing any updated reproduction steps.
Thanks for helping out.

[ramonjd]

I think the popover should be fullscreen on mobile viewports. This would ensure full accessibility on narrower viewports. It's also easier to mash the buttons with your thumb.

• Data views: expand config drop down on mobile #67715