From 1f9f17c028aa7656f1914c731602e16242e5db05 Mon Sep 17 00:00:00 2001 From: Aki Hamano <54422211+t-hamano@users.noreply.github.com> Date: Mon, 28 Oct 2024 23:09:42 +0900 Subject: [PATCH] Fix: Text overflow in Patterns filter (#66504) Co-authored-by: t-hamano Co-authored-by: ciampo --- .../inserter/block-patterns-tab/patterns-filter.js | 2 +- packages/block-editor/src/components/inserter/style.scss | 7 +++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/packages/block-editor/src/components/inserter/block-patterns-tab/patterns-filter.js b/packages/block-editor/src/components/inserter/block-patterns-tab/patterns-filter.js index fd7458a52bf331..766082bd7690d9 100644 --- a/packages/block-editor/src/components/inserter/block-patterns-tab/patterns-filter.js +++ b/packages/block-editor/src/components/inserter/block-patterns-tab/patterns-filter.js @@ -158,7 +158,7 @@ export function PatternsFilter( { value={ patternSyncFilter } /> -
+
{ createInterpolateElement( __( 'Patterns are available from the WordPress.org Pattern Directory, bundled in the active theme, or created by users on this site. Only patterns created on this site can be synced.' diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss index 51228a1c46a248..c6522671f938d7 100644 --- a/packages/block-editor/src/components/inserter/style.scss +++ b/packages/block-editor/src/components/inserter/style.scss @@ -266,6 +266,13 @@ $block-inserter-tabs-height: 44px; margin-top: $grid-unit-30; } +.block-editor-inserter__patterns-filter-help { + padding: $grid-unit-20; + border-top: $border-width solid $gray-300; + color: $gray-700; + min-width: 280px; +} + .block-editor-inserter__media-list, .block-editor-block-patterns-list { overflow-y: auto;