Skip to content

Commit 8f936d5

Browse files
renathorenathoaaronrobertshawallilevineyouknowriad
authored andcommitted
Update z-index hierarchy (#65626)
Co-authored-by: renatho <renathoc@git.wordpress.org> Co-authored-by: aaronrobertshaw <aaronrobertshaw@git.wordpress.org> Co-authored-by: allilevine <firewatch@git.wordpress.org> Co-authored-by: youknowriad <youknowriad@git.wordpress.org>
1 parent 5dedf71 commit 8f936d5

3 files changed

Lines changed: 4 additions & 7 deletions

File tree

‎packages/base-styles/_z-index.scss‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -31,12 +31,10 @@ $z-layers: (
3131
".interface-interface-skeleton__header": 30,
3232
".interface-interface-skeleton__content": 20,
3333
".edit-widgets-header": 30,
34-
".wp-block-cover__inner-container": 1, // InnerBlocks area inside cover image block.
3534
".wp-block-cover.is-placeholder .components-placeholder.is-large": 1, // Cover block resizer component inside a large placeholder.
36-
".wp-block-cover.has-background-dim::before": 1, // Overlay area inside block cover need to be higher than the video background.
37-
".block-library-cover__padding-visualizer": 2, // BoxControl visualizer needs to be +1 higher than .wp-block-cover.has-background-dim::before
38-
".wp-block-cover__image-background": 0, // Image background inside cover block.
39-
".wp-block-cover__video-background": 0, // Video background inside cover block.
35+
".wp-block-cover.has-background-dim::before": 0, // Overlay area inside block cover need to be higher than the video background.
36+
".wp-block-cover__image-background": -1, // Image background inside cover block.
37+
".wp-block-cover__video-background": -1, // Video background inside cover block.
4038
".wp-block-template-part__placeholder-preview-filter-input": 1,
4139

4240
// Fixed position appender:

‎packages/block-library/src/cover/editor.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,6 @@
4242
// Shown while media is being uploaded
4343
.components-spinner {
4444
position: absolute;
45-
z-index: z-index(".wp-block-cover__inner-container");
4645
top: 50%;
4746
left: 50%;
4847
transform: translate(-50%, -50%); // Account for spinner dimensions

‎packages/block-library/src/cover/style.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -95,8 +95,8 @@
9595
}
9696

9797
.wp-block-cover__inner-container {
98+
position: relative;
9899
width: 100%;
99-
z-index: z-index(".wp-block-cover__inner-container");
100100
color: inherit;
101101
// Reset the fixed LTR direction at the root of the block in RTL languages.
102102
/*rtl:raw: direction: rtl; */

0 commit comments

Comments
 (0)