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

Merge pull request #18904 from woocommerce/fix/18900 

Tweak mobile view of order preview
This commit is contained in:
Claudiu Lodromanean 2018-02-12 08:42:58 -08:00 committed by GitHub
parent e903027c2f 5f0460aaa1
commit 4085e68aee
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 27 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
assets/css/admin.scss
View File

@ -2271,14 +2271,6 @@ ul.wc_coupon_list_block {
}
}
@media screen and (max-width: 782px) {
.wc-action-button-group {
label {
display: none;
}
}
}
.wc-action-button-group {
vertical-align: middle;
line-height: 26px;
@ -2322,6 +2314,33 @@ ul.wc_coupon_list_block {
}
}
@media screen and (max-width: 782px) {
.wc-order-preview .wc-action-button-group {
float: none;
margin: 0 0 10px;
label {
display: none;
}
.wc-action-button-group__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.wc-action-button {
flex: 1;
float: none;
text-align: center;
max-width: 50%;
}
}
.button-large {
width: 100%;
float: none;
text-align: center;
}
}
.column-customer_message .note-on {
@include ir();
margin: 0 auto;