Fix discounted price misalignment in Cart block (https://github.com/woocommerce/woocommerce-blocks/pull/3047)

* Fix discounted price misalignment in Cart block

* Fix Product Price block alignment
This commit is contained in:
Albert Juhé Lluveras 2020-08-25 15:10:11 +02:00 committed by GitHub
parent ff6382f0c8
commit 8d9de5c11c
2 changed files with 12 additions and 19 deletions

View File

@ -206,6 +206,7 @@ const SalePrice = ( {
<span
className={ classnames(
'wc-block-components-product-price__value',
'is-discounted',
{
[ `${ parentClassName }__product-price__value` ]: parentClassName,
[ saleClasses ]: isFeaturePluginBuild() }

View File

@ -1,12 +1,15 @@
.wc-block-components-product-price {
margin-top: 0;
margin-bottom: $gap-small;
display: block;
&__regular {
margin-right: 0.5em;
}
/*rtl:begin:ignore*/
.wc-block-components-product-price__align-left {
text-align: left;
}
.wc-block-components-product-price__align-center {
text-align: center;
}
.wc-block-components-product-price__align-right {
text-align: right;
}
/*rtl:end:ignore*/
.is-loading {
.wc-block-components-product-price::before {
@include placeholder();
@ -14,15 +17,4 @@
display: inline-block;
width: 5em;
}
/*rtl:begin:ignore*/
.wc-block-components-product-price__align-left {
text-align: left;
}
.wc-block-components-product-price__align-center {
text-align: center;
}
.wc-block-components-product-price__align-right {
text-align: right;
}
/*rtl:end:ignore*/
}