tweak content widths in viewports

WordPress · Nov 26, 2024 · 6e884dc · 6e884dc
1 parent 87b24ab
commit 6e884dc
Showing 1 changed file with 14 additions and 7 deletions.
diff --git a/packages/block-library/src/query/editor.scss b/packages/block-library/src/query/editor.scss
@@ -62,18 +62,25 @@
 }
 
 .block-editor-block-settings-menu__popover {
-	min-width: 500px;
+	&.is-expanded {
+		overflow-y: scroll;
+	}
+	.block-library-query-pattern__selection-content {
+		height: 100%;
+	}
 	.block-editor-block-patterns-list {
 		display: grid;
-		grid-template-columns: 1fr 1fr;
+		grid-template-columns: 1fr;
+		@include break-small() {
+			grid-template-columns: 1fr 1fr;
+		}
 		grid-gap: $grid-unit-15;
-		overflow: hidden;
+		min-width: $break-zoomed-in;
+		@include break-small() {
+			min-width: $break-mobile;
+		}
 	}
 	.block-editor-block-patterns-list__list-item {
 		margin-bottom: 0;
-		min-width: 200px;
-		.block-editor-block-preview__container {
-			max-height: 250px;
-		}
 	}
 }