From 657982045b60c015ad2a954b8c02ed69dc9e7cd9 Mon Sep 17 00:00:00 2001 From: Aki Hamano <54422211+t-hamano@users.noreply.github.com> Date: Sat, 10 Feb 2024 00:06:04 +0900 Subject: [PATCH] Popover: add `box-sizing` reset style (#58871) * Popover: add `box-sizing:reset` * Update changelog * Fix typo in CHANGELOG Co-authored-by: t-hamano Co-authored-by: andrewhayward Co-authored-by: richtabor Co-authored-by: MaggieCabrera Co-authored-by: annezazu --- packages/components/CHANGELOG.md | 1 + packages/components/src/popover/style.scss | 1 + packages/customize-widgets/src/style.scss | 3 +-- packages/edit-post/src/style.scss | 1 - 4 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md index f4e84bd26ca55..747c432be5026 100644 --- a/packages/components/CHANGELOG.md +++ b/packages/components/CHANGELOG.md @@ -27,6 +27,7 @@ - `PaletteEdit`: Fix palette item accessibility in details view ([#58214](https://github.com/WordPress/gutenberg/pull/58214)). - `Snackbar`: Fix the auto-dismissal timers ([#58604](https://github.com/WordPress/gutenberg/pull/58604)). - `Tabs`: Fix infinite loop in `useEffect` ([#58861](https://github.com/WordPress/gutenberg/pull/58861)). +- `Popover`: Add `box-sizing` reset style ([#58871](https://github.com/WordPress/gutenberg/pull/58871)). ### Experimental diff --git a/packages/components/src/popover/style.scss b/packages/components/src/popover/style.scss index 2e8a766829f3a..72d1d16eca2d1 100644 --- a/packages/components/src/popover/style.scss +++ b/packages/components/src/popover/style.scss @@ -6,6 +6,7 @@ $shadow-popover-border-top-only: 0 #{-$border-width} 0 0 $gray-400; $shadow-popover-border-top-only-alternate: 0 #{-$border-width} 0 $gray-900; .components-popover { + @include reset; z-index: z-index(".components-popover"); will-change: transform; diff --git a/packages/customize-widgets/src/style.scss b/packages/customize-widgets/src/style.scss index 3bf341c34c0eb..c3679470e5c98 100644 --- a/packages/customize-widgets/src/style.scss +++ b/packages/customize-widgets/src/style.scss @@ -13,7 +13,6 @@ // Include reset CSS for the customizer. .customize-control-sidebar_block_editor, -.customize-widgets-layout__inspector, -.customize-widgets-popover { +.customize-widgets-layout__inspector { @include reset; } diff --git a/packages/edit-post/src/style.scss b/packages/edit-post/src/style.scss index adb5e08da5e84..83903e7773e5f 100644 --- a/packages/edit-post/src/style.scss +++ b/packages/edit-post/src/style.scss @@ -47,7 +47,6 @@ body.js.block-editor-page { .edit-post-text-editor, .edit-post-sidebar, .editor-post-publish-panel, -.components-popover, .components-modal__frame { @include reset; }