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