diff --git a/packages/block-editor/src/components/inserter/menu.js b/packages/block-editor/src/components/inserter/menu.js index c81e2956203b3..1cff0dd71c073 100644 --- a/packages/block-editor/src/components/inserter/menu.js +++ b/packages/block-editor/src/components/inserter/menu.js @@ -502,6 +502,7 @@ export class InserterMenu extends Component { hoveredItem.initialAttributes ) } + autoHeight /> ) : ( diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss index bda439f549b50..7adfb07c597f6 100644 --- a/packages/block-editor/src/components/inserter/style.scss +++ b/packages/block-editor/src/components/inserter/style.scss @@ -139,7 +139,6 @@ $block-inserter-search-height: 38px; display: none; border: $border-width solid $light-gray-secondary; width: 300px; - min-height: $block-inserter-preview-height; margin-right: 20px; padding: 20px; background: $white; @@ -150,8 +149,7 @@ $block-inserter-search-height: 38px; position: absolute; top: -$border-width; left: calc(100% + #{$grid-unit-15}); - display: flex; - flex-direction: column; + display: block; } .block-editor-block-card { @@ -160,12 +158,6 @@ $block-inserter-search-height: 38px; border-bottom: $border-width solid $light-gray-500; @include edit-post__fade-in-animation(); } - - .block-editor-inserter__preview { - display: flex; - flex-grow: 1; - overflow-y: auto; - } } .block-editor-inserter__menu-help-panel-no-block { @@ -210,13 +202,12 @@ $block-inserter-search-height: 38px; .block-editor-inserter__preview-content { border: $border-width solid $light-gray-500; border-radius: $radius-round-rectangle; - min-height: 150px; + min-height: $grid-unit-60 * 3; display: grid; flex-grow: 1; + align-items: center; .block-editor-block-preview__container { - margin-right: 0; - margin-left: 0; padding: 10px; } } @@ -229,6 +220,7 @@ $block-inserter-search-height: 38px; border: $border-width solid $light-gray-500; border-radius: $radius-round-rectangle; align-items: center; + min-height: $grid-unit-60 * 3; } .block-editor-inserter__tips {