diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index 3f4a754..4a8df70 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -17,6 +17,10 @@ border-radius: 0; } +[class*="html--descriptionImage"] { + width: 46.471%; +} + [class*="html--descriptionText"] { width: 50%; } @@ -30,6 +34,10 @@ margin-bottom: 16px; } + [class*="html--descriptionImage"] { + width: 100%; + } + [class*="html--descriptionText"] { width: 100%; } diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css index 093e0b5..594edc1 100644 --- a/styles/css/vtex.product-summary.css +++ b/styles/css/vtex.product-summary.css @@ -9,6 +9,8 @@ @import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap%27"); /* Grid breakpoints */ .imageWrapper { + height: 100%; + width: 100%; display: flex; justify-content: center; align-items: center; diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css index 815dddb..d58b060 100644 --- a/styles/css/vtex.slider-layout.css +++ b/styles/css/vtex.slider-layout.css @@ -40,12 +40,12 @@ } .sliderTrackContainer--shelf { - width: 95.883%; + width: 100%; } .sliderLeftArrow--shelf { visibility: hidden; - margin-left: 17px; + margin-left: 10px; } .sliderLeftArrow--shelf::after { visibility: visible; @@ -54,7 +54,7 @@ .sliderRightArrow--shelf { visibility: hidden; - margin-right: 17px; + margin-right: 8px; } .sliderRightArrow--shelf::before { visibility: visible; diff --git a/styles/sass/pages/product/vtex.product-summary.scss b/styles/sass/pages/product/vtex.product-summary.scss index 8218452..4f8d227 100644 --- a/styles/sass/pages/product/vtex.product-summary.scss +++ b/styles/sass/pages/product/vtex.product-summary.scss @@ -1,5 +1,6 @@ .imageWrapper { - // height: 245px; + height: 100%; + width: 100%; display: flex; justify-content: center; align-items: center; diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss index 9e3e4e1..d7e1c6a 100644 --- a/styles/sass/pages/product/vtex.slider-layout.scss +++ b/styles/sass/pages/product/vtex.slider-layout.scss @@ -30,12 +30,12 @@ } .sliderTrackContainer--shelf { - width: 95.883%; + width: 100%; } .sliderLeftArrow--shelf { visibility: hidden; - margin-left: 17px; + margin-left: 10px; &::after { visibility: visible; @@ -45,7 +45,7 @@ .sliderRightArrow--shelf { visibility: hidden; - margin-right: 17px; + margin-right: 8px; &::before { visibility: visible; @@ -53,6 +53,14 @@ } } +// .slide--shelf--visible { +// width: 5.1308% !important; +// } + +// .slide--shelf--hidden { +// visibility: hidden; +// } + @media (max-width: 1024px) { .sliderTrack--shelf { gap: 12px !important;