From b2495e4268d9502b64f54d8e4cd7f8f3584f4c77 Mon Sep 17 00:00:00 2001
From: amanda almeida <manda.fonsecaff@gmail.com>
Date: Fri, 24 Feb 2023 17:40:36 -0300
Subject: [PATCH] =?UTF-8?q?fix(erros=20da=20corre=C3=A7=C3=B5a):=20concert?=
 =?UTF-8?q?a=20os=20erros=20apontados=20na=20corre=C3=A7=C3=A3o=20do=20des?=
 =?UTF-8?q?afio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 store/blocks/pdp/slider-layout.jsonc                | 13 ++++++++++++-
 styles/css/vtex.product-summary.css                 |  7 -------
 styles/css/vtex.store-components.css                |  3 +--
 styles/sass/pages/product/vtex.product-summary.scss |  7 -------
 .../sass/pages/product/vtex.store-components.scss   |  3 +--
 5 files changed, 14 insertions(+), 19 deletions(-)

diff --git a/store/blocks/pdp/slider-layout.jsonc b/store/blocks/pdp/slider-layout.jsonc
index 93376cb..1740a6d 100644
--- a/store/blocks/pdp/slider-layout.jsonc
+++ b/store/blocks/pdp/slider-layout.jsonc
@@ -11,7 +11,18 @@
       "testId": "vtex-product-summary",
       "blockClass": "produto-prateleira"
     },
-    "children": ["product-summary-image", "product-summary-name", "html#price"]
+    "children": [
+      "product-summary-image#prateleira",
+      "product-summary-name",
+      "html#price"
+    ]
+  },
+  "product-summary-image#prateleira": {
+    "props": {
+      "aspectRatio": {
+        "desktop": "1/1"
+      }
+    }
   },
 
   "html#price": {
diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css
index 02b03af..3866a6f 100644
--- a/styles/css/vtex.product-summary.css
+++ b/styles/css/vtex.product-summary.css
@@ -22,7 +22,6 @@
   display: flex;
   align-items: center;
   max-width: 314.4px;
-  height: 314.4px;
   background: #EDEDED;
   margin: 0;
 }
@@ -56,7 +55,6 @@
 @media screen and (min-width: 1920px) {
   .container--produto-prateleira .imageContainer {
     max-width: 434.4px;
-    height: 434.4px;
   }
   .container--produto-prateleira .imageNormal {
     width: 100%;
@@ -67,7 +65,6 @@
 @media screen and (max-width: 1024px) {
   .container--produto-prateleira .imageContainer {
     max-width: 291.2px;
-    height: 291.2px;
   }
   .container--produto-prateleira .imageNormal {
     width: 100%;
@@ -83,10 +80,6 @@
   }
 }
 @media screen and (max-width: 768px) {
-  .container--produto-prateleira .imageContainer {
-    max-width: 124.8px;
-    height: 124.8px;
-  }
   .container--produto-prateleira .imageNormal {
     width: 100%;
     max-height: 124.8px;
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 278bdc3..d5bbeb5 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -159,8 +159,7 @@
 }
 
 .productImagesThumbActive .carouselThumbBorder {
-  background: linear-gradient(0deg, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33));
-  border-radius: 8px;
+  display: none;
 }
 
 .skuSelectorContainer {
diff --git a/styles/sass/pages/product/vtex.product-summary.scss b/styles/sass/pages/product/vtex.product-summary.scss
index 4839a83..55fc25b 100644
--- a/styles/sass/pages/product/vtex.product-summary.scss
+++ b/styles/sass/pages/product/vtex.product-summary.scss
@@ -15,7 +15,6 @@
     display: flex;
     align-items: center;
     max-width: 314.4px;
-    height: 314.4px;
     background: #EDEDED;
     margin: 0;
   }
@@ -58,7 +57,6 @@
   .container--produto-prateleira {
     .imageContainer {
       max-width: 434.4px;
-      height: 434.4px;
     }
 
 
@@ -74,7 +72,6 @@
   .container--produto-prateleira {
     .imageContainer {
       max-width: 291.2px;
-      height: 291.2px;
     }
 
     .imageNormal {
@@ -99,10 +96,6 @@
 
 @media screen and (max-width: 768px) {
   .container--produto-prateleira {
-    .imageContainer {
-      max-width: 124.8px;
-      height: 124.8px;
-    }
 
     .imageNormal {
       width: 100%;
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index 4ffc60f..52cbd75 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -54,8 +54,7 @@
 
 .productImagesThumbActive {
   .carouselThumbBorder {
-    background: linear-gradient(0deg, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33));
-    border-radius: 8px;
+    display: none;
   }
 }