Improvements to "inherit default layout" toggle (#41893)

* Improvements to "inherit default layout" toggle * Update copy * Update packages/block-editor/src/hooks/layout.js Co-authored-by: Andrew Serong <14988353+andrewserong@users.noreply.github.com> Co-authored-by: Andrew Serong <14988353+andrewserong@users.noreply.github.com>
WordPress · Jun 27, 2022 · f6f0cea · f6f0cea
1 parent 9a761d3
commit f6f0cea
Showing 1 changed file with 20 additions and 9 deletions.
diff --git a/packages/block-editor/src/hooks/layout.js b/packages/block-editor/src/hooks/layout.js
@@ -130,15 +130,26 @@ function LayoutPanel( { setAttributes, attributes, name: blockName } ) {
  <InspectorControls>
  <PanelBody title={ __( 'Layout' ) }>
  { showInheritToggle && (
- <ToggleControl
- label={ __( 'Inherit default layout' ) }
- checked={ !! inherit }
- onChange={ () =>
- setAttributes( {
- layout: { inherit: ! inherit },
- } )
- }
- />
+ <>
+ <ToggleControl
+ label={ __( 'Inner blocks use full width' ) }
+ checked={ ! inherit }
+ onChange={ () =>
+ setAttributes( {
+ layout: { inherit: ! inherit },
+ } )
+ }
+ />
+ <p className="block-editor-hooks__layout-controls-helptext">
+ { !! inherit
+ ? __(
+ 'Nested blocks use theme content width with options for full and wide widths.'
+ )
+ : __(
+ 'Nested blocks will fill the width of this container.'
+ ) }
+ </p>
+ </>
  ) }
 
  { ! inherit && allowSwitching && (