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

Rename the "Align Buttons" option for the All Products Block (https://github.com/woocommerce/woocommerce-blocks/pull/1659) 

* Allow css to work for any element

* Rename option to specific last block rather than button
This commit is contained in:
Mike Jolley 2020-01-29 10:28:40 +00:00 committed by GitHub
parent e1538395be
commit b65b93e7e7
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
plugins/woocommerce-blocks/assets/js/base/components/product-list/style.scss
View File

@ -264,7 +264,8 @@
.wc-block-grid__product-image,
.wc-block-grid__product-title,
.wc-block-grid__product-price,
.wc-block-grid__product-rating {
.wc-block-grid__product-rating,
.wc-block-grid__product-add-to-cart {
margin-top: 0;
margin-bottom: $gap-small;
}
@ -276,8 +277,11 @@
display: flex;
flex-direction: column;
}
.wc-block-grid__product-add-to-cart {
margin-top: auto !important;
.wc-block-grid__product > .wc-block-grid__product-title:last-child,
.wc-block-grid__product > div:last-child {
margin-top: auto;
margin-bottom: 0;
padding-bottom: $gap-small;
}
}
@for $i from 1 to 9 {

9
plugins/woocommerce-blocks/assets/js/components/grid-layout-control/index.js
View File

@ -49,15 +49,18 @@ const GridLayoutControl = ( {
max={ MAX_ROWS }
/>
<ToggleControl
label={ __( 'Align Buttons', 'woo-gutenberg-products-block' ) }
label={ __(
'Align Last Block',
'woo-gutenberg-products-block'
) }
help={
alignButtons
? __(
'Buttons are aligned vertically.',
'The last inner block will be aligned vertically.',
'woo-gutenberg-products-block'
)
: __(
'Buttons follow content.',
'The last inner block will follow other content.',
'woo-gutenberg-products-block'
)
}