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

Remove size constrain in the Add to Cart button in block themes

This commit is contained in:
Albert Juhé Lluveras 2023-01-27 13:40:45 +01:00
parent dead6d7060
commit 405876b456
2 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
plugins/woocommerce/client/legacy/css/twenty-twenty-three.scss
View File

@ -336,12 +336,6 @@
margin-top: var(--wp--style--block-gap);
}
button[name="add-to-cart"],
button.single_add_to_cart_button {
margin-top: 0.5rem;
margin-bottom: var(--wp--style--block-gap);
}
ol.flex-control-thumbs {
padding-left: 0;
float: left;

18
plugins/woocommerce/client/legacy/css/woocommerce-blocktheme.scss
View File

@ -113,20 +113,22 @@
}
}
.cart {
display: flex;
align-items: center;
}
.quantity {
// Adjust positioning of quantity selector and button.
.qty {
margin-right: 0.5rem;
}
}
+ .single_add_to_cart_button {
min-height: 51px;
// We need to remove top and bottom padding because we are setting a fixed
// height. This is to prevent the button from being cut off. !important is
// needed to override the Elements API styles, which also use !important.
padding-top: 0 !important;
padding-bottom: 0 !important;
}
button[name="add-to-cart"],
button.single_add_to_cart_button {
margin-top: 0;
margin-bottom: 0;
}
.related.products {