diff --git a/packages/block-editor/src/components/block-tools/use-show-block-tools.js b/packages/block-editor/src/components/block-tools/use-show-block-tools.js index 70a0b9f53a3421..33807445b8da74 100644 --- a/packages/block-editor/src/components/block-tools/use-show-block-tools.js +++ b/packages/block-editor/src/components/block-tools/use-show-block-tools.js @@ -45,8 +45,13 @@ export function useShowBlockTools() { editorMode === 'navigation'; const isZoomOut = editorMode === 'zoom-out'; + const _showZoomOutToolbar = + isZoomOut && + block?.attributes?.align === 'full' && + ! _showEmptyBlockSideInserter && + ! maybeShowBreadcrumb; const _showBlockToolbarPopover = - ! isZoomOut && + ! _showZoomOutToolbar && ! getSettings().hasFixedToolbar && ! _showEmptyBlockSideInserter && hasSelectedBlock && @@ -58,12 +63,7 @@ export function useShowBlockTools() { showBreadcrumb: ! _showEmptyBlockSideInserter && maybeShowBreadcrumb, showBlockToolbarPopover: _showBlockToolbarPopover, - showZoomOutToolbar: - hasSelectedBlock && - isZoomOut && - ! _showEmptyBlockSideInserter && - ! maybeShowBreadcrumb && - ! _showBlockToolbarPopover, + showZoomOutToolbar: _showZoomOutToolbar, }; }, [] ); } diff --git a/packages/block-editor/src/components/iframe/content.scss b/packages/block-editor/src/components/iframe/content.scss index caae348a0ab761..8c03d4224745af 100644 --- a/packages/block-editor/src/components/iframe/content.scss +++ b/packages/block-editor/src/components/iframe/content.scss @@ -54,7 +54,7 @@ display: flex; flex-direction: column; - > .is-root-container { + > .is-root-container:not(.wp-block-post-content) { flex: 1; display: flex; flex-direction: column;