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:
Fernando Marichal 2023-07-04 14:59:33 -03:00 committed by GitHub
parent 8b1d576918
commit 00d8e65cf0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 3 deletions

View File

@ -21,3 +21,6 @@
width: 100%;
}
}
.folded .woocommerce-layout__footer {
width: calc(100% - $admin-menu-width-collapsed);
}

View File

@ -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;
}
}

View File

@ -0,0 +1,4 @@
Significance: minor
Type: fix
Fix grey background when menu is collapsed #38887