diff --git a/assets/src/stories-editor/components/inserter/edit.css b/assets/src/stories-editor/components/inserter/edit.css new file mode 100644 index 00000000000..9882bad618c --- /dev/null +++ b/assets/src/stories-editor/components/inserter/edit.css @@ -0,0 +1,3 @@ +.amp__block-editor-inserter__menu.block-editor-inserter__menu { + flex-direction: column; +} diff --git a/assets/src/stories-editor/components/inserter/index.js b/assets/src/stories-editor/components/inserter/index.js index 31cff1407eb..9f651f8416f 100644 --- a/assets/src/stories-editor/components/inserter/index.js +++ b/assets/src/stories-editor/components/inserter/index.js @@ -25,6 +25,7 @@ import { withSelect } from '@wordpress/data'; * Internal dependencies */ import InserterMenu from './menu'; // eslint-disable-line import/no-named-as-default +import './edit.css'; const defaultRenderToggle = ( { onToggle, disabled, isOpen } ) => ( @@ -285,13 +285,13 @@ export class InserterMenu extends Component { id={ `block-editor-inserter__search-${ instanceId }` } type="search" placeholder={ __( 'Search for an element', 'amp' ) } - className="editor-inserter__search block-editor-inserter__search" + className="editor-inserter__search block-editor-inserter__search amp__block-editor-inserter__search" autoFocus onChange={ this.onChangeSearchInput } />