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

Improve padding and text wrapping

This commit is contained in:
Thomas Roberts 2024-07-18 15:28:44 +01:00
parent 4854627e32
commit 7c7ec1e5f0
No known key found for this signature in database
GPG Key ID: 0262BEBCBE336365
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss
View File

@ -41,10 +41,8 @@
.wc-block-components-radio-control__description-group { .wc-block-components-radio-control__description-group {
@include font-size(smaller); @include font-size(smaller);
// Use balance, then pretty so that browser support for pretty is preferred, but falls back to balance if not supported. // Use balance as this is not a good candidate for pretty. Pretty is intended for body copy which this is not.
text-wrap: balance; text-wrap: balance;
text-wrap: pretty;
// This targets the rate *description* and prevents the rules applying to the delivery_time. // This targets the rate *description* and prevents the rules applying to the delivery_time.
.wc-block-components-radio-control__description { .wc-block-components-radio-control__description {
padding-right: $gap-small; padding-right: $gap-small;
@ -57,6 +55,15 @@
} }
} }
.is-large {
.wc-block-components-shipping-rates-control__package {
// This targets the rate *description* and prevents the rules applying to the delivery_time.
.wc-block-components-radio-control__description {
padding-right: $gap;
}
}
}
.wc-block-components-shipping-rates-control__package-items { .wc-block-components-shipping-rates-control__package-items {
@include font-size(small); @include font-size(small);
display: block; display: block;