-
Notifications
You must be signed in to change notification settings - Fork 4.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update full screen modal dimensions, and pattern grids #49894
Conversation
The new radius coming well into its own here 👍 👍 Thanks for the detailed before/after's. I'm with you all the way until the preferences modal. Indeed I think that's an opportunity to discuss defaults here. In general, modal is definitely meant to grab your attention, so I personally think it's okay to go really huge by default. But I also think that it's useful to override that modal width/height on a per-modal basis. The commandbar comes to mind as one example, it should definitely not be fullscreen. The preferences dialog as well. For me, that dialog is mostly about ensuring legibility, so I would keep the existing width/height combo there, or at least something like it. |
Size Change: -121 B (0%) Total Size: 1.37 MB
ℹ️ View Unchanged
|
Flaky tests detected in 4a9e2ec. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/4745104779
|
Yes I thought that one might be contentious. I'll revert. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
✅ Confirmed all of these changes work correctly. The extra size is definitely appreciated in the pattern and template selection modals since you're selecting visual elements. I agree in preferences where it's text/settings it seems less important.
Lovely work @jameskoster ! |
What?
This PR does a couple of things.
Why?
How?
isFullScreen
prop to severalModal
instances.isFullScreen
css.Testing Instructions
Open any full screen modal:
Screenshots or screencast
Pattern directory
Note the equal spacing around the entire modal.
Choose a template part
Choose a query pattern
Preferences