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

Make padding consistent and remove bottom margin for for all types of product cards (#51288) 

* Make padding consistent for all type of card contents as 24px

* Add changefile(s) from automation for the following project(s): woocommerce

* override margin bottom added by woo payments plugin for product cards

* Add changefile(s) from automation for the following project(s): woocommerce

---------

Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
Raja sekar 2024-09-12 17:44:25 +05:30 committed by GitHub
parent c7c054d8f8
commit 358bc1fee2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.scss
View File

@ -4,6 +4,7 @@
&__product-card {
padding: $large-gap;
border-radius: $grid-unit-05 !important;
margin-bottom: 0;
/* When product card is loading, contents will be empty and we render skeleton loader wireframes: */
&.is-loading {
@ -243,7 +244,7 @@
}
&.woocommerce-marketplace__product-card--theme {
padding: 0 0 $medium-gap;
padding: 0 0 $large-gap;
overflow: hidden;
.woocommerce-marketplace__product-card__content {
@ -265,10 +266,10 @@
right: 0;
}
.woocommerce-marketplace__product-card__header {
padding-left: $medium-gap;
padding: 0 $large-gap;
}
.woocommerce-marketplace__product-card__footer {
padding: 0 $medium-gap;
padding: 0 $large-gap;
}
.woocommerce-marketplace__product-card__price {
margin-right: $medium-gap;
@ -313,7 +314,7 @@
display: flex;
flex-direction: column;
gap: $small-gap;
padding: 16px 24px;
padding: $large-gap;
height: 100%;
}

4
plugins/woocommerce/changelog/51288-update-wccom-21570-in-app-product-cards-padding Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: tweak
Update product card content padding to 24px and add 0 margin bottom to product cards