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

Fix "View Cart" link layout in post/page (#38950)

This commit is contained in:
Karol Manijak 2023-06-28 08:46:46 +02:00 committed by GitHub
parent 4476129595 77dfa4a73a
commit b5cbc1d7cf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
plugins/woocommerce/changelog/fix-blocks-9999-products-grid-layout-in-post Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: fix
Fix the layout of View Cart link on the posts/pages

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

@ -105,13 +105,13 @@
display: inline-block;
float: none; // Remove float set by WC core.
vertical-align: middle;
// Adjust positioning of quantity selector and button.
.qty {
margin-right: 0.5rem;
}
}
button[name="add-to-cart"],
button.single_add_to_cart_button {
display: inline-block;
@ -153,13 +153,6 @@
text-decoration: none;
}
a.added_to_cart {
// Prevent "View Cart" button from sticking to "Add to Cart" button.
// For details see https://github.com/woocommerce/woocommerce-blocks/issues/5285.
display: block;
margin-top: 1rem;
}
span.onsale {
// Style "On Sale" badge in theme colors by default.
background-color: var(--wp--preset--color--foreground, $highlight);
@ -195,6 +188,16 @@
}
}
/**
* Products grid
*/
a.added_to_cart {
// Prevent "View Cart" button from sticking to "Add to Cart" button.
// For details see https://github.com/woocommerce/woocommerce-blocks/issues/5285.
display: block;
margin-top: 1rem;
}
/**
* Form elements
*/