diff --git a/editor/components/block-settings-menu/block-transformations.js b/editor/components/block-settings-menu/block-transformations.js index 78a7a3c1c93c66..9243b1cf26261d 100644 --- a/editor/components/block-settings-menu/block-transformations.js +++ b/editor/components/block-settings-menu/block-transformations.js @@ -7,7 +7,7 @@ import { noop } from 'lodash'; /** * WordPress dependencies */ -import { __, sprintf } from '@wordpress/i18n'; +import { __ } from '@wordpress/i18n'; import { IconButton, withContext } from '@wordpress/components'; import { getPossibleBlockTransformations, switchToBlockType } from '@wordpress/blocks'; import { compose, Fragment } from '@wordpress/element'; @@ -27,9 +27,12 @@ function BlockTransformations( { blocks, small = false, onTransform, onClick = n return (
+ + { __( 'Transform into:' ) } + { possibleBlockTransformations.map( ( { name, title, icon } ) => { - /* translators: label indicating the transformation of a block into another block */ - const shownText = sprintf( __( 'Turn into %s' ), title ); return ( - { ! small && shownText } + { ! small && title } ); } ) } diff --git a/editor/components/block-settings-menu/style.scss b/editor/components/block-settings-menu/style.scss index ad6064234f457f..7899650e10276f 100644 --- a/editor/components/block-settings-menu/style.scss +++ b/editor/components/block-settings-menu/style.scss @@ -34,6 +34,12 @@ border-top: 1px solid $light-gray-500; } +.editor-block-settings-menu__title { + display: block; + padding: 6px; + color: $dark-gray-300; +} + // Popout menu .editor-block-settings-menu__control { width: 100%;