Merge pull request 'refactor: altera css imagem descrição 1440px 1024px' (#27) from refactor/altera-css-imagem-descricao-1440px-1024px into development

Reviewed-on: #27

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%;
   }

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;

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;

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;

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;