Fix grey background when menu collapsed (#38941)
* Fix styles * Add changelog * Fix 'adminmenuback' z-index * Fix header and footer * Fix header * Fix lint * Fix footer * Fix form background color
This commit is contained in:
parent
8b1d576918
commit
00d8e65cf0
|
@ -21,3 +21,6 @@
|
|||
width: 100%;
|
||||
}
|
||||
}
|
||||
.folded .woocommerce-layout__footer {
|
||||
width: calc(100% - $admin-menu-width-collapsed);
|
||||
}
|
||||
|
|
|
@ -26,9 +26,9 @@
|
|||
.interface-interface-skeleton__header,
|
||||
.interface-interface-skeleton__footer {
|
||||
background-color: $white;
|
||||
position: fixed;
|
||||
width: calc(100% - $admin-menu-width);
|
||||
left: $admin-menu-width;
|
||||
position: fixed;
|
||||
@include breakpoint( '<960px' ) {
|
||||
left: $admin-menu-width-collapsed;
|
||||
width: calc(100% - $admin-menu-width-collapsed);
|
||||
|
@ -37,8 +37,14 @@
|
|||
left: 0;
|
||||
width: 100%;
|
||||
}
|
||||
// Higher than the sidebar which has a z-index of 90.
|
||||
z-index: 100;
|
||||
// Lower than the sidebar which has a z-index of 90.
|
||||
z-index: 80;
|
||||
}
|
||||
|
||||
&.folded .interface-interface-skeleton__header,
|
||||
&.folded .interface-interface-skeleton__footer {
|
||||
width: calc(100% - $admin-menu-width-collapsed);
|
||||
left: $admin-menu-width-collapsed;
|
||||
}
|
||||
|
||||
.interface-interface-skeleton__header {
|
||||
|
@ -60,3 +66,9 @@ html.interface-interface-skeleton__html-container {
|
|||
position: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
div#wpwrap {
|
||||
.woocommerce-product-block-editor {
|
||||
background-color: $white;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,4 @@
|
|||
Significance: minor
|
||||
Type: fix
|
||||
|
||||
Fix grey background when menu is collapsed #38887
|
Loading…
Reference in New Issue