Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix mobile menu and header padding (https://github.com/woocommerce/woocommerce-admin/pull/52) 

* Fixes mobile menu and padding for dash pages

* Handle PR feedback
This commit is contained in:
Justin Shreve 2018-05-15 15:26:07 -04:00 committed by GitHub
parent e5bb7e556b
commit 881598fa30
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/woocommerce-admin/client/stylesheets/_breakpoints.scss
View File

@ -1,7 +1,11 @@
/** @format */
// Breakpoints
// Forked from https://github.com/Automattic/wp-calypso/blob/46ae24d8800fb85da6acf057a640e60dac988a38/assets/stylesheets/shared/mixins/_breakpoints.scss
$breakpoints: 480px, 660px, 800px, 960px, 1040px, 1280px, 1400px; // Think very carefully before adding a new breakpoint
// Think very carefully before adding a new breakpoint.
// The list below is based on wp-admin's main breakpoints
$breakpoints: 400px, 600px, 782px, 960px, 1100px;
@mixin breakpoint( $sizes... ) {
@each $size in $sizes {

11
plugins/woocommerce-admin/client/stylesheets/_wpadmin-reset.scss
View File

@ -14,6 +14,17 @@
* {
box-sizing: border-box;
}
.menu-top {
box-sizing: initial;
}
@include breakpoint( '<782px' ) {
// WP breakpoint for mobile menu
.wp-responsive-open #wpbody {
right: -14.5em;
}
}
}
.woo-dashboard__admin-notice-list-hide {