From fb89fdac05def1ed8f9fb8621e2f30680a89b964 Mon Sep 17 00:00:00 2001
From: Ella <4710635+ellatrix@users.noreply.github.com>
Date: Tue, 22 Oct 2024 11:36:05 +0200
Subject: [PATCH 1/4] Zoom-out (contentOnly): show more menu in block toolbar
---
packages/block-editor/src/components/block-toolbar/index.js | 4 +---
1 file changed, 1 insertion(+), 3 deletions(-)
diff --git a/packages/block-editor/src/components/block-toolbar/index.js b/packages/block-editor/src/components/block-toolbar/index.js
index a8f75bd1dc875..4c496ad736157 100644
--- a/packages/block-editor/src/components/block-toolbar/index.js
+++ b/packages/block-editor/src/components/block-toolbar/index.js
@@ -255,9 +255,7 @@ export function PrivateBlockToolbar( {
>
) }
- { isDefaultEditingMode && (
-
- ) }
+
);
From a72d47b87bd900a149d43b94192611bfbf7f9950 Mon Sep 17 00:00:00 2001
From: Ella <4710635+ellatrix@users.noreply.github.com>
Date: Tue, 22 Oct 2024 11:49:58 +0200
Subject: [PATCH 2/4] Remove group/ungroup from contentOnly
---
.../src/components/block-settings-menu-controls/index.js | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/packages/block-editor/src/components/block-settings-menu-controls/index.js b/packages/block-editor/src/components/block-settings-menu-controls/index.js
index 39063db4f52e0..bdc2502ab7e7d 100644
--- a/packages/block-editor/src/components/block-settings-menu-controls/index.js
+++ b/packages/block-editor/src/components/block-settings-menu-controls/index.js
@@ -58,7 +58,8 @@ const BlockSettingsMenuControlsSlot = ( { fillProps, clientIds = null } ) => {
const convertToGroupButtonProps =
useConvertToGroupButtonProps( selectedClientIds );
const { isGroupable, isUngroupable } = convertToGroupButtonProps;
- const showConvertToGroupButton = isGroupable || isUngroupable;
+ const showConvertToGroupButton =
+ ( isGroupable || isUngroupable ) && ! isContentOnly;
return (
Date: Thu, 24 Oct 2024 13:06:00 +0100
Subject: [PATCH 3/4] Avoid special content only settings menu in Zoom Out
---
packages/editor/src/components/provider/index.js | 14 +++++++++++++-
1 file changed, 13 insertions(+), 1 deletion(-)
diff --git a/packages/editor/src/components/provider/index.js b/packages/editor/src/components/provider/index.js
index 87fea30e31cdb..552b2ca459de1 100644
--- a/packages/editor/src/components/provider/index.js
+++ b/packages/editor/src/components/provider/index.js
@@ -13,6 +13,7 @@ import {
BlockEditorProvider,
BlockContextProvider,
privateApis as blockEditorPrivateApis,
+ store as blockEditorStore,
} from '@wordpress/block-editor';
import { store as noticesStore } from '@wordpress/notices';
import { privateApis as editPatternsPrivateApis } from '@wordpress/patterns';
@@ -188,6 +189,15 @@ export const ExperimentalEditorProvider = withRegistryProvider(
},
[ post.type ]
);
+
+ const isZoomOut = useSelect( ( select ) => {
+ const { __unstableGetEditorMode } = unlock(
+ select( blockEditorStore )
+ );
+
+ return __unstableGetEditorMode() === 'zoom-out';
+ } );
+
const shouldRenderTemplate = !! template && mode !== 'post-only';
const rootLevelPost = shouldRenderTemplate ? template : post;
const defaultBlockContext = useMemo( () => {
@@ -334,7 +344,9 @@ export const ExperimentalEditorProvider = withRegistryProvider(
<>
-
+ { ! isZoomOut && (
+
+ ) }
{ mode === 'template-locked' && (
) }
From 0050f8ac5cc8d9e4a40192f72a88333c1062c4b4 Mon Sep 17 00:00:00 2001
From: Andrei Draganescu
Date: Fri, 25 Oct 2024 16:28:54 +0300
Subject: [PATCH 4/4] add copy back, remove pattern related group of options
---
.../block-settings-menu/block-settings-dropdown.js | 11 ++++++++++-
packages/editor/src/components/provider/index.js | 8 +++++---
2 files changed, 15 insertions(+), 4 deletions(-)
diff --git a/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js b/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js
index 069bd2c9ff1ee..ffe830cc417ad 100644
--- a/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js
+++ b/packages/block-editor/src/components/block-settings-menu/block-settings-dropdown.js
@@ -56,6 +56,15 @@ export function BlockSettingsDropdown( {
const currentClientId = block?.clientId;
const count = clientIds.length;
const firstBlockClientId = clientIds[ 0 ];
+
+ const isZoomOut = useSelect( ( select ) => {
+ const { __unstableGetEditorMode } = unlock(
+ select( blockEditorStore )
+ );
+
+ return __unstableGetEditorMode() === 'zoom-out';
+ } );
+
const {
firstParentClientId,
onlyBlock,
@@ -235,7 +244,7 @@ export function BlockSettingsDropdown( {
clientId={ firstBlockClientId }
/>
) }
- { ! isContentOnly && (
+ { ( ! isContentOnly || isZoomOut ) && (
-
-
{ ! isZoomOut && (
-
+ <>
+
+
+
+ >
) }
{ mode === 'template-locked' && (