From 358bc1fee2e13f626903727e43f593fd75aee1b4 Mon Sep 17 00:00:00 2001 From: Raja sekar Date: Thu, 12 Sep 2024 17:44:25 +0530 Subject: [PATCH] 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 --- .../components/product-card/product-card.scss | 9 +++++---- ...51288-update-wccom-21570-in-app-product-cards-padding | 4 ++++ 2 files changed, 9 insertions(+), 4 deletions(-) create mode 100644 plugins/woocommerce/changelog/51288-update-wccom-21570-in-app-product-cards-padding diff --git a/plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.scss b/plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.scss index 524c47155d3..9f3d404d053 100644 --- a/plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.scss +++ b/plugins/woocommerce-admin/client/marketplace/components/product-card/product-card.scss @@ -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%; } diff --git a/plugins/woocommerce/changelog/51288-update-wccom-21570-in-app-product-cards-padding b/plugins/woocommerce/changelog/51288-update-wccom-21570-in-app-product-cards-padding new file mode 100644 index 00000000000..1f91bb228e1 --- /dev/null +++ b/plugins/woocommerce/changelog/51288-update-wccom-21570-in-app-product-cards-padding @@ -0,0 +1,4 @@ +Significance: patch +Type: tweak + +Update product card content padding to 24px and add 0 margin bottom to product cards \ No newline at end of file