From 330a4035b519abcd875c8d2051a5e879bc489019 Mon Sep 17 00:00:00 2001 From: yogeshbhutkar Date: Mon, 6 Jan 2025 15:33:44 +0530 Subject: [PATCH] Refactor: move media placeholder URL input form styles to a dedicated stylesheet --- .../src/components/media-placeholder/style.scss | 7 +++++++ .../block-editor/src/components/url-popover/style.scss | 8 -------- packages/block-editor/src/style.scss | 1 + 3 files changed, 8 insertions(+), 8 deletions(-) create mode 100644 packages/block-editor/src/components/media-placeholder/style.scss diff --git a/packages/block-editor/src/components/media-placeholder/style.scss b/packages/block-editor/src/components/media-placeholder/style.scss new file mode 100644 index 00000000000000..6eff22f75d8ff5 --- /dev/null +++ b/packages/block-editor/src/components/media-placeholder/style.scss @@ -0,0 +1,7 @@ +.block-editor-media-placeholder__url-input-form { + min-width: 260px; + + @include break-small() { + width: 300px; + } +} diff --git a/packages/block-editor/src/components/url-popover/style.scss b/packages/block-editor/src/components/url-popover/style.scss index 867ba4d5a21b2e..8c9d867071017d 100644 --- a/packages/block-editor/src/components/url-popover/style.scss +++ b/packages/block-editor/src/components/url-popover/style.scss @@ -13,14 +13,6 @@ align-items: center; } -.block-editor-media-placeholder__url-input-form { - min-width: 260px; - - @include break-small() { - width: 300px; - } -} - // Any children of the popover-row that are not the settings-toggle // should take up as much space as possible. .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { diff --git a/packages/block-editor/src/style.scss b/packages/block-editor/src/style.scss index 6b2ebf5cd841fd..dd559922c48159 100644 --- a/packages/block-editor/src/style.scss +++ b/packages/block-editor/src/style.scss @@ -40,6 +40,7 @@ @import "./components/justify-content-control/style.scss"; @import "./components/link-control/style.scss"; @import "./components/list-view/style.scss"; +@import "./components/media-placeholder/style.scss"; @import "./components/media-replace-flow/style.scss"; @import "./components/multi-selection-inspector/style.scss"; @import "./components/responsive-block-control/style.scss";