Update: Adjust modal radius to be between frame and buttons. (WordPre…

…ss#51254) * Update: Adjust modal radius to be between frame and buttons. * Update changelog. * Try moving changelog.
pewresearch · Jul 13, 2023 · dba2afe · dba2afe
1 parent 9f4ea09
commit dba2afe
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+### Enhancements
+
+-   `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)).
+
 ### Bug Fix
 
 -   `Popover`: Allow legitimate 0 positions to update popover position ([#51320](https://github.com/WordPress/gutenberg/pull/51320)).

diff --git a/packages/components/src/modal/style.scss b/packages/components/src/modal/style.scss
@@ -20,7 +20,7 @@
 	width: 100%;
 	background: $white;
 	box-shadow: $shadow-modal;
-	border-radius: $grid-unit-10 $grid-unit-10 0 0;
+	border-radius: $grid-unit-05 $grid-unit-05 0 0;
 	overflow: hidden;
 	// Have the content element fill the vertical space yet not overflow.
 	display: flex;
@@ -31,7 +31,7 @@
 
 	// Show a centered modal on bigger screens.
 	@include break-small() {
-		border-radius: $grid-unit-10;
+		border-radius: $grid-unit-05;
 		margin: auto;
 		width: auto;
 		min-width: $modal-min-width;