From 8505d8310170df0881858304251c88b942583ef3 Mon Sep 17 00:00:00 2001 From: Mitchell Austin Date: Tue, 23 Jul 2024 13:42:29 -0700 Subject: [PATCH] Use the z-index map --- packages/base-styles/_z-index.scss | 1 + packages/edit-post/src/components/layout/style.scss | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/base-styles/_z-index.scss b/packages/base-styles/_z-index.scss index b8a9088cfd72cc..7befb5ba272c4b 100644 --- a/packages/base-styles/_z-index.scss +++ b/packages/base-styles/_z-index.scss @@ -21,6 +21,7 @@ $z-layers: ( ".interface-complementary-area .components-panel__header": 1, // higher sticky element ".components-modal__header": 10, + ".edit-post-layout.has-metaboxes .edit-post-visual-editor": 1, // The popovers contained in visual editor go in front of the metabox container. ".edit-post-meta-boxes-area.is-loading::before": 1, ".edit-post-meta-boxes-area .spinner": 5, ".components-popover__close": 5, diff --git a/packages/edit-post/src/components/layout/style.scss b/packages/edit-post/src/components/layout/style.scss index 387ca2fd26209e..d5e2aaa4b1e6f5 100644 --- a/packages/edit-post/src/components/layout/style.scss +++ b/packages/edit-post/src/components/layout/style.scss @@ -9,7 +9,7 @@ } .edit-post-layout.has-metaboxes .edit-post-visual-editor { - z-index: 99; + z-index: z-index(".edit-post-layout.has-metaboxes .edit-post-visual-editor"); } // Adjust the position of the notices