From d697158b4cb08b18ce01e4579f11850e6091f41e Mon Sep 17 00:00:00 2001 From: Janvo Aldred Date: Mon, 13 Jul 2020 06:36:05 -0500 Subject: [PATCH] Set quick inserter content width to 100% on screens below 782px (#23896) Co-authored-by: Riad Benguella --- .../block-editor/src/components/inserter/style.scss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss index ffbde09fe0919a..4fbe6a8720ed7f 100644 --- a/packages/block-editor/src/components/inserter/style.scss +++ b/packages/block-editor/src/components/inserter/style.scss @@ -267,7 +267,11 @@ $block-inserter-tabs-height: 44px; } .block-editor-inserter__quick-inserter { - width: $block-inserter-width; + width: 100%; + + @include break-medium { + width: $block-inserter-width; + } } .block-editor-inserter__quick-inserter-results { @@ -291,9 +295,7 @@ $block-inserter-tabs-height: 44px; } .block-editor-inserter__popover.is-quick > .components-popover__content > div { - @include break-medium { - padding: 0; - } + padding: 0; } .block-editor-inserter__quick-inserter-expand.components-button {