Simplify and unify a few modal dialogs. (#37857)

WordPress · Jan 11, 2022 · 8debd02 · 8debd02
1 parent 7a00aa3
commit 8debd02
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 14 deletions.
diff --git a/packages/block-library/src/gallery/editor.scss b/packages/block-library/src/gallery/editor.scss
@@ -193,13 +193,13 @@ figure.wp-block-gallery {
 }
 
 .wp-block-update-gallery-modal {
-	max-width: 400px;
-	.wp-block-update-gallery-modal-buttons {
-		display: flex;
-		justify-content: flex-end;
-
-		.components-button {
-			margin-left: $grid-unit-15;
-		}
+	@include break-small() {
+		max-width: $break-mobile;
 	}
 }
+
+.wp-block-update-gallery-modal-buttons {
+	display: flex;
+	justify-content: flex-end;
+	gap: $grid-unit-15;
+}
diff --git a/packages/block-library/src/page-list/editor.scss b/packages/block-library/src/page-list/editor.scss
@@ -39,16 +39,15 @@
 
 // Modal that shows conversion option.
 .wp-block-page-list-modal {
-	max-width: 400px;
+	@include break-small() {
+		max-width: $break-mobile;
+	}
 }
 
 .wp-block-page-list-modal-buttons {
 	display: flex;
 	justify-content: flex-end;
-
-	.components-button {
-		margin-left: $grid-unit-15;
-	}
+	gap: $grid-unit-15;
 }
 
 // Simulate open on click behaviour in the editor by opening on focus instead.

diff --git a/packages/editor/src/components/post-locked-modal/style.scss b/packages/editor/src/components/post-locked-modal/style.scss
@@ -1,5 +1,7 @@
 .editor-post-locked-modal {
-	max-width: 400px;
+	@include break-small() {
+		max-width: $break-mobile;
+	}
 }
 
 .editor-post-locked-modal__buttons {