-
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: Adjust modal radius to be between frame and buttons. #51254
Conversation
Size Change: -24 B (0%) Total Size: 1.4 MB
ℹ️ View Unchanged
|
That seems fine to me..:) |
@ciampo do you know why the changelog test is failing here? |
packages/components/CHANGELOG.md
Outdated
@@ -27,6 +27,7 @@ | |||
- `ColorPalette`: Improve readability of color name and value, and improve rendering of partially transparent colors ([#50450](https://github.com/WordPress/gutenberg/pull/50450)). | |||
- `Button`: Add `__next32pxSmallSize` prop to opt into the new 32px size when the `isSmall` prop is enabled ([#51012](https://github.com/WordPress/gutenberg/pull/51012)). | |||
- `ItemGroup`: Update styles so all SVGs inherit color from their parent element ([#50819](https://github.com/WordPress/gutenberg/pull/50819)). | |||
- `Modal`: Update corner radius to be between buttons and the site view frame, in a 2-4-8 system. ([#51254](https://github.com/WordPress/gutenberg/pull/51254)). |
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.
This should be placed under ## Unreleased
section.
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.
Looks good, thanks! Just move the changelog entry and 🚢
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.
I prefer the larger radius as it helps further distinguish the modal from the UI behind it.
But this is probably subjective, and not a hill I am going to die on :)
Flaky tests detected in 15844a6. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/5288001439
|
…ss#51254) * Update: Adjust modal radius to be between frame and buttons. * Update changelog. * Try moving changelog.
What?
Recently, the radius of all modals was changed from 2px to 8px. 2px for buttons, 8 for the larger frame.
This PR adjusts the radius of modals to 4px, which is between the two.
Why?
This harmonizes better with the 2px buttons that often sit inside confirm dialogs.
Testing Instructions
Test modals, such as ellipsis > keyboard shortcuts. Observe the smaller radius.