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:
parent
65f859a5e5
commit
8629318f46
|
@ -22,11 +22,6 @@
|
|||
.update-nag {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wpbody {
|
||||
padding-top: 0;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.woocommerce-admin-is-loading {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue