From 8b0b96b5ece44b98f24c4ff2c0e414ef575519d8 Mon Sep 17 00:00:00 2001 From: Carlos Lins Date: Mon, 6 Feb 2023 16:08:41 -0300 Subject: [PATCH] fix: responsividade css list-price no product-summary --- styles/css/vtex.product-summary.css | 21 ++++++++++++++++ .../pages/product/vtex.product-summary.scss | 25 +++++++++++++++++++ 2 files changed, 46 insertions(+) diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css index 17b3208..cd02193 100644 --- a/styles/css/vtex.product-summary.css +++ b/styles/css/vtex.product-summary.css @@ -136,4 +136,25 @@ font-size: 18px; line-height: 25px; } + .containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) { + display: flex; + align-items: center; + justify-content: center; + } + .containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) :global(.vtex-product-price-1-x-listPriceValue) { + text-decoration: none; + padding: 8px 0; + } + .containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) :global(.vtex-product-price-1-x-listPriceValue)::before { + font-size: 12px; + line-height: 16px; + } + .containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) :global(.vtex-product-price-1-x-listPriceValue)::after { + font-size: 12px; + line-height: 16px; + } + .containerNormal--container-product-summary-related-products-pdp :global(.vtex-product-price-1-x-listPrice) :global(.vtex-product-price-1-x-currencyContainer) { + font-size: 18px; + line-height: 25px; + } } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.product-summary.scss b/styles/sass/pages/product/vtex.product-summary.scss index 9bd9505..f18b272 100644 --- a/styles/sass/pages/product/vtex.product-summary.scss +++ b/styles/sass/pages/product/vtex.product-summary.scss @@ -162,5 +162,30 @@ } } } + + :global(.vtex-product-price-1-x-listPrice){ + display: flex; + align-items: center; + justify-content: center; + :global(.vtex-product-price-1-x-listPriceValue){ + text-decoration: none; + padding: 8px 0; + + &::before{ + font-size: 12px; + line-height: 16px; + } + + &::after{ + font-size: 12px; + line-height: 16px; + } + } + + :global(.vtex-product-price-1-x-currencyContainer){ + font-size: 18px; + line-height: 25px; + } + } } }