Add is-zoom-out to top level site editor element

WordPress · Feb 24, 2024 · 634b009 · 634b009
1 parent 9469295
commit 634b009
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/edit-site/src/components/layout/index.js b/packages/edit-site/src/components/layout/index.js
@@ -70,6 +70,7 @@ export default function Layout() {
 
 	const {
 		isDistractionFree,
+		isZoomOut,
 		hasFixedToolbar,
 		hasBlockSelected,
 		canvasMode,
@@ -96,6 +97,9 @@ export default function Layout() {
 				'core',
 				'distractionFree'
 			),
+			isZoomOut:
+				select( blockEditorStore ).__unstableGetEditorMode() ===
+				'zoom-out',
 			hasBlockSelected:
 				select( blockEditorStore ).getBlockSelectionStart(),
 		};
@@ -172,6 +176,7 @@ export default function Layout() {
 						'is-full-canvas': canvasMode === 'edit',
 						'has-fixed-toolbar': hasFixedToolbar,
 						'is-block-toolbar-visible': hasBlockSelected,
+						'is-zoom-out': isZoomOut,
 					}
 				) }
 			>