From 8265e4966b11898ce724d2d64a97ec2a3866da64 Mon Sep 17 00:00:00 2001 From: Jerry Jones Date: Sat, 24 Feb 2024 15:17:01 +0100 Subject: [PATCH] View full zoom out mode canvas while inserting patterns (#59337) * Add is-zoom-out to top level site editor element * Allow pattern inserter to push zoom out mode canvas * Rename isZoomOut to isZoomOutMode --- .../block-editor/src/components/inserter/style.scss | 10 ++++++++++ packages/edit-site/src/components/layout/index.js | 5 +++++ 2 files changed, 15 insertions(+) diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss index 35c18e1d9acce5..685355a81a2971 100644 --- a/packages/block-editor/src/components/inserter/style.scss +++ b/packages/block-editor/src/components/inserter/style.scss @@ -767,3 +767,13 @@ $block-inserter-tabs-height: 44px; } } } + +.is-zoom-out { + .block-editor-inserter__menu { + display: flex; + } + + .block-editor-inserter__patterns-category-dialog { + position: static; + } +} diff --git a/packages/edit-site/src/components/layout/index.js b/packages/edit-site/src/components/layout/index.js index fcb0a74b0b3b88..d15be016173b03 100644 --- 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, + isZoomOutMode, hasFixedToolbar, hasBlockSelected, canvasMode, @@ -96,6 +97,9 @@ export default function Layout() { 'core', 'distractionFree' ), + isZoomOutMode: + 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': isZoomOutMode, } ) } >