try renaming menu instead of using notice

WordPress · Jul 5, 2023 · 34461d4 · 34461d4
1 parent 3045b10
commit 34461d4
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/packages/block-editor/src/components/inserter/reusable-block-rename-hint.js b/packages/block-editor/src/components/inserter/reusable-block-rename-hint.js
@@ -28,7 +28,9 @@ export default function ReusableBlocksRenameHint() {
 	return (
 		<div ref={ ref } className="reusable-blocks-menu-items__rename-hint">
 			<div className="reusable-blocks-menu-items__rename-hint-content">
-				{ __( 'Reusable blocks are now called "patterns".' ) }
+				{ __(
+					'Reusable blocks are now called "patterns". A "synced" pattern will behave in exactly the same way as a reusable block.'
+				) }
 			</div>
 			<Button
 				className="reusable-blocks-menu-items__rename-hint-dismiss"

diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
@@ -719,7 +719,8 @@ $block-inserter-tabs-height: 44px;
 	color: $gray-900;
 	display: flex;
 	flex-direction: row;
-	margin: $grid-unit-20 $grid-unit-20 0 $grid-unit-20;
+	margin: $grid-unit-20 $grid-unit-20 $grid-unit-20 $grid-unit-20;
+	max-width: 380px;
 }
 
 .reusable-blocks-menu-items__rename-hint-content {

diff --git a/...eusable-blocks/src/components/reusable-blocks-menu-items/reusable-block-convert-button.js b/...eusable-blocks/src/components/reusable-blocks-menu-items/reusable-block-convert-button.js
@@ -131,9 +131,8 @@ export default function ReusableBlockConvertButton( {
 						icon={ symbol }
 						onClick={ () => setIsModalOpen( true ) }
 					>
-						{ __( 'Create pattern' ) }
+						{ __( 'Create pattern/reusable block' ) }
 					</MenuItem>
-					<ReusableBlocksRenameHint />
 					{ isModalOpen && (
 						<Modal
 							title={ __( 'Create pattern' ) }
@@ -152,6 +151,7 @@ export default function ReusableBlockConvertButton( {
 									onClose();
 								} }
 							>
+								<ReusableBlocksRenameHint />
 								<VStack spacing="5">
 									<TextControl
 										__nextHasNoMarginBottom