From 6e884dcc29f4a3036ec1446bc13b256536e63147 Mon Sep 17 00:00:00 2001 From: ramon Date: Wed, 27 Nov 2024 10:24:50 +1100 Subject: [PATCH] tweak content widths in viewports --- packages/block-library/src/query/editor.scss | 21 +++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/packages/block-library/src/query/editor.scss b/packages/block-library/src/query/editor.scss index bd56cc948d24d0..5bf0db81870403 100644 --- 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; - } } }