diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index ab40a65..22b3fe0 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -29,6 +29,7 @@ .sliderLayoutContainer--carousel { width: 78.616%; margin: 0 auto 32px; + min-height: 254.8px; } } .sliderLayoutContainer--carousel .sliderTrackContainer { @@ -86,6 +87,9 @@ display: flex; justify-content: center; } +.sliderLayoutContainer--carousel .sliderTrackContainer .sliderTrack .slide--carousel .slideChildrenContainer--carousel :global(.vtex-product-summary-2-x-containerNormal) :global(.vtex-product-summary-2-x-clearLink) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-nameContainer) :global(.vtex-product-summary-2-x-productNameContainer) { + line-height: 0; +} .sliderLayoutContainer--carousel .sliderTrackContainer .sliderTrack .slide--carousel .slideChildrenContainer--carousel :global(.vtex-product-summary-2-x-containerNormal) :global(.vtex-product-summary-2-x-clearLink) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-nameContainer) :global(.vtex-product-summary-2-x-productNameContainer) :global(.vtex-product-summary-2-x-productBrand) { font-weight: 400; font-size: 18px; @@ -95,7 +99,6 @@ display: inline-block; vertical-align: text-top; padding: 0 16px; - min-height: 19px; } @media (max-width: 1025px) and (min-width: 768px) { .sliderLayoutContainer--carousel .sliderTrackContainer .sliderTrack .slide--carousel .slideChildrenContainer--carousel :global(.vtex-product-summary-2-x-containerNormal) :global(.vtex-product-summary-2-x-clearLink) :global(.vtex-product-summary-2-x-element) :global(.vtex-product-summary-2-x-nameContainer) :global(.vtex-product-summary-2-x-productNameContainer) :global(.vtex-product-summary-2-x-productBrand) { diff --git a/styles/sass/pages/product/vtexSliderLayout/vtex.slider-layout.scss b/styles/sass/pages/product/vtexSliderLayout/vtex.slider-layout.scss index 46e092a..ec37d69 100644 --- a/styles/sass/pages/product/vtexSliderLayout/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtexSliderLayout/vtex.slider-layout.scss @@ -16,6 +16,7 @@ @media (max-width: 768px) and (min-width: 375px) { width: 78.616%; margin: 0 auto 32px; + min-height: 254.8px; } .sliderTrackContainer { width: 96%; @@ -55,6 +56,7 @@ display: flex; justify-content: center; :global(.vtex-product-summary-2-x-productNameContainer) { + line-height: 0; :global(.vtex-product-summary-2-x-productBrand) { font-weight: 400; font-size: 18px; @@ -64,7 +66,6 @@ display: inline-block; vertical-align: text-top; padding: 0 16px; - min-height: 19px; @media (max-width: 1025px) and (min-width: 768px) { font-size: 14px; line-height: 19px;