Use box sizing and padding to fix nav and admin menu styling (https://github.com/woocommerce/woocommerce-admin/pull/6335)

* Use box sizing and padding to fix nav and admin menu styling

* Move wpbody fixes to reset

* Move default header padding to reset
This commit is contained in:
Joshua T Flowers 2021-02-16 10:57:56 -05:00 committed by GitHub
parent 65f859a5e5
commit 8629318f46
4 changed files with 11 additions and 21 deletions

View File

@ -22,11 +22,6 @@
.update-nag {
display: none;
}
#wpbody {
padding-top: 0;
display: block;
}
}
.woocommerce-admin-is-loading {

View File

@ -61,7 +61,7 @@ body.is-wc-nav-folded {
}
#wpbody {
margin-left: 0;
padding-left: 0;
}
}
@ -94,10 +94,10 @@ body.is-wc-nav-folded {
}
#wpbody {
margin-left: $navigation-width;
padding-left: $navigation-width;
@media ( max-width: 960px ) {
margin-left: 0;
padding-left: 0;
}
}
@ -114,14 +114,6 @@ body.is-wc-nav-folded {
height: $header-height;
}
}
.woocommerce-layout__header-heading {
margin-left: $navigation-width;
@include breakpoint( '<960px' ) {
margin-left: $header-height;
}
}
}
#woocommerce-embedded-root.is-embed-loading {

View File

@ -1,9 +1,4 @@
.woocommerce-embed-page {
#wpbody {
margin-top: $header-height;
padding-top: 0;
}
#wpbody .woocommerce-layout,
.woocommerce-layout__notice-list-hide + .wrap {
padding-top: 10px;

View File

@ -43,6 +43,14 @@
box-sizing: border-box;
}
#wpbody {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding-top: 0;
margin-top: $header-height;
}
#wpfooter {
display: none;
}