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

Fix search bar in Orders page not being tapable on mobile (https://github.com/woocommerce/woocommerce-admin/pull/2384) 

* Fix search bar in Orders page not being tapable on mobile

* Cleanup

* Remove unnecessary duplicated media-query

* Cleanup
This commit is contained in:
Albert Juhé Lluveras 2019-06-13 18:07:02 +02:00 committed by GitHub
parent 2f49a0a5a7
commit 3e0d296646
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
plugins/woocommerce-admin/client/stylesheets/shared/_embed.scss
View File

@ -11,7 +11,13 @@
}
.wrap {
padding: 20px;
padding: 20px 20px 0;
@include breakpoint( '<782px' ) {
p.search-box {
width: calc(100% - 40px);
}
}
}
#woocommerce-embedded-root.is-embed-loading + #wpbody .wrap {

9
plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss
View File

@ -6,17 +6,24 @@
}
#wpcontent,
#wpbody-content {
&.woocommerce_page_wc-admin #wpbody-content {
padding: 0;
overflow-x: hidden !important;
min-height: calc(100vh - #{$adminbar-height});
}
@include breakpoint( '>782px' ) {
#wpbody-content {
padding: 0;
}
}
@include breakpoint( '<782px' ) {
// WP breakpoint for mobile menu
.wp-responsive-open #wpbody {
right: -14.5em;
}
#wpcontent,
#wpbody-content {
min-height: calc(100vh - #{$adminbar-height-mobile});