Set quick inserter content width to 100% on screens below 782px (#23896)

Co-authored-by: Riad Benguella <[email protected]>
WordPress · Jul 13, 2020 · d697158 · d697158
1 parent b4b9b2a
commit d697158
Showing 1 changed file with 6 additions and 4 deletions.
diff --git 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 {