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

Checkout: Adjust paddings to align top of page order summary on mobile (#52604)

This commit is contained in:
Sam Seay 2024-11-12 23:39:04 +13:00 committed by GitHub
parent c5a039604c
commit 6400e25eca
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/order-summary/style.scss
View File

@ -1,6 +1,8 @@
.wc-block-components-order-summary {
// Compensate for removing Panel.
padding: 0 $gap;
&.is-large {
// Compensate for removing Panel.
padding: 0 $gap;
}
.wc-block-components-order-summary__button-text {
font-weight: 500;
@ -113,14 +115,3 @@
padding-top: $gap-smaller;
}
}
.is-medium,
.is-small,
.is-mobile {
.wp-block-woocommerce-checkout-order-summary-block {
.wc-block-components-totals-wrapper {
padding-left: $gap-small;
padding-right: $gap-small;
}
}
}

6
plugins/woocommerce-blocks/assets/js/blocks/checkout/inner-blocks/checkout-order-summary-block/style.scss
View File

@ -2,6 +2,12 @@
border: 1px solid $universal-border-light;
border-radius: 5px;
&.checkout-order-summary-block-fill-wrapper {
.wc-block-components-order-summary {
padding: 0 $gap;
}
}
.wc-block-components-formatted-money-amount {
font-weight: 600;
}

4
plugins/woocommerce/changelog/52604-dev-alignment-on-mobile-order-summary-48899 Normal file
View File

@ -0,0 +1,4 @@
Significance: minor
Type: tweak
Adjust paddings on top of page order summary to better align on mobile.