set the modal size to large

WordPress · May 22, 2024 · 1e81d13 · 1e81d13
1 parent da4fafd
commit 1e81d13
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 8 deletions.
diff --git a/admin/class-create-theme.php b/admin/class-create-theme.php
@@ -60,7 +60,6 @@ function create_block_theme_enqueue() {
 		);
 		wp_enqueue_script(
 			'create-block-theme-slot-fill',
-			'create-block-theme-styles'
 		);
 
 		// Enable localization in the plugin sidebar.

diff --git a/src/editor-sidebar/json-editor-modal.js b/src/editor-sidebar/json-editor-modal.js
@@ -33,7 +33,7 @@ const ThemeJsonEditorModal = ( { onRequestClose } ) => {
 
 	return (
 		<Modal
-			isFullScreen
+			size="large"
 			title={ sprintf(
 				// translators: %s: theme name.
 				__( 'theme.json for %s', 'create-block-theme' ),

diff --git a/src/editor-sidebar/metadata-editor-modal.js b/src/editor-sidebar/metadata-editor-modal.js
@@ -108,7 +108,7 @@ export const ThemeMetadataEditorModal = ( { onRequestClose } ) => {
 
 	return (
 		<Modal
-			isFullScreen
+			size="large"
 			title={ sprintf(
 				// translators: %s: theme name.
 				__( 'Metadata for %s', 'create-block-theme' ),

diff --git a/src/plugin-styles.scss b/src/plugin-styles.scss
@@ -3,7 +3,6 @@ $modal-footer-height: 70px;
 
 .#{$plugin-prefix} {
 	&__metadata-editor-modal {
-		width: 65vw !important;
 		padding-bottom: $modal-footer-height;
 
 		&__footer {
@@ -23,8 +22,4 @@ $modal-footer-height: 70px;
 			object-fit: cover;
 		}
 	}
-
-	&__theme-json-modal {
-		width: 65vw !important;
-	}
 }