Conditionalise metaboxes based on Zoom Out (#66742)

Co-authored-by: getdave <[email protected]> Co-authored-by: kevin940726 <[email protected]> Co-authored-by: MaggieCabrera <[email protected]> Co-authored-by: t-hamano <[email protected]>
WordPress · Nov 5, 2024 · 7a7fdd7 · 7a7fdd7 · github-actions · Nov 5, 2024
1 parent 02da42e
commit 7a7fdd7
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/edit-post/src/components/layout/index.js b/packages/edit-post/src/components/layout/index.js
@@ -424,6 +424,9 @@ function Layout( {
 				select( editPostStore )
 			);
 			const { canUser, getPostType } = select( coreStore );
+			const { __unstableGetEditorMode } = unlock(
+				select( blockEditorStore )
+			);
 
 			const supportsTemplateMode = settings.supportsTemplateMode;
 			const isViewable =
@@ -433,6 +436,8 @@ function Layout( {
 				name: 'wp_template',
 			} );
 
+			const isZoomOut = __unstableGetEditorMode() === 'zoom-out';
+
 			return {
 				mode: select( editorStore ).getEditorMode(),
 				isFullscreenActive:
@@ -444,7 +449,8 @@ function Layout( {
 				isDistractionFree: get( 'core', 'distractionFree' ),
 				showMetaBoxes:
 					! DESIGN_POST_TYPES.includes( currentPostType ) &&
-					select( editorStore ).getRenderingMode() === 'post-only',
+					select( editorStore ).getRenderingMode() === 'post-only' &&
+					! isZoomOut,
 				isWelcomeGuideVisible: isFeatureActive( 'welcomeGuide' ),
 				templateId:
 					supportsTemplateMode &&