diff --git a/packages/editor/src/components/block-switcher/index.js b/packages/editor/src/components/block-switcher/index.js index d298834293471..292dacf98567e 100644 --- a/packages/editor/src/components/block-switcher/index.js +++ b/packages/editor/src/components/block-switcher/index.js @@ -58,7 +58,20 @@ export class BlockSwitcher extends Component { const hasStyles = blocks.length === 1 && get( blockType, [ 'styles' ], [] ).length !== 0; if ( ! hasStyles && ! possibleBlockTransformations.length ) { - return null; + if ( blocks.length > 1 ) { + return null; + } + return ( + + + + + + ); } return ( diff --git a/packages/editor/src/components/block-switcher/style.scss b/packages/editor/src/components/block-switcher/style.scss index 503b312d3b647..49a6804647647 100644 --- a/packages/editor/src/components/block-switcher/style.scss +++ b/packages/editor/src/components/block-switcher/style.scss @@ -3,6 +3,19 @@ height: $icon-button-size; } +.components-icon-button.editor-block-switcher__no-switcher-icon { + width: $icon-button-size + 6px + 6px; + margin: 0; + display: block; + height: $icon-button-size; + padding: 3px; + opacity: 0.8; + .editor-block-icon { + margin-right: auto; + margin-left: auto; + } +} + // Style this the same as the block buttons in the library. // Needs specificiity to override the icon button. .components-icon-button.editor-block-switcher__toggle {