From 0a0d6f32fdb25e9f33ccf332e5660d94eda3aca9 Mon Sep 17 00:00:00 2001
From: Gabriel Ferraz <gabrielferraznog@gmail.com>
Date: Sun, 5 Feb 2023 12:57:09 -0300
Subject: [PATCH] feat: ajustes css product image

---
 styles/css/vtex.flex-layout.css               |  3 ---
 styles/css/vtex.store-components.css          | 16 +++++++++++++++
 .../sass/pages/product/vtex.flex-layout.scss  |  9 ---------
 .../pages/product/vtex.store-components.scss  | 20 +++++++++++++++++++
 4 files changed, 36 insertions(+), 12 deletions(-)

diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css
index f71d340..faf0aee 100644
--- a/styles/css/vtex.flex-layout.css
+++ b/styles/css/vtex.flex-layout.css
@@ -13,9 +13,6 @@
 :global(.vtex-store-components-3-x-container) :global(.vtex-store-components-3-x-productImageTag) {
   max-height: 664px !important;
 }
-:global(.vtex-store-components-3-x-container) :global(.vtex-store-components-3-x-carouselGaleryThumbs) :global(.vtex-store-components-3-x-figure--video) {
-  display: none;
-}
 
 .flexColChild :global(.vtex-store-components-3-x-productDescriptionTitle) {
   margin-left: 32px;
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 6fff9b7..5bbb00e 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -74,6 +74,22 @@
   line-height: 19px;
 }
 
+.productImageTag {
+  width: auto !important;
+}
+
+.carouselGaleryThumbs :first-child {
+  height: 90px;
+}
+.carouselGaleryThumbs :first-child :first-child {
+  gap: 16px !important;
+}
+.carouselGaleryThumbs :first-child :first-child .productImagesThumb {
+  width: 13.605%;
+  height: fit-content !important;
+  margin: 0;
+}
+
 .productBrand {
   display: flex;
   justify-content: flex-end;
diff --git a/styles/sass/pages/product/vtex.flex-layout.scss b/styles/sass/pages/product/vtex.flex-layout.scss
index 09d3b0a..34b6522 100644
--- a/styles/sass/pages/product/vtex.flex-layout.scss
+++ b/styles/sass/pages/product/vtex.flex-layout.scss
@@ -4,15 +4,6 @@
   :global(.vtex-store-components-3-x-productImageTag) {
     max-height: 664px !important;
   }
-  :global(.vtex-store-components-3-x-carouselGaleryThumbs) {
-    // display: none !important;
-    // :global(.vtex-store-components-3-x-carouselGaleryThumbs) > .swiper-wrapper {
-    //   display: none;
-    // }
-    :global(.vtex-store-components-3-x-figure--video) {
-      display: none;
-    }
-  }
 }
 
 .flexColChild {
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index dc9b37f..d5f78e1 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -71,6 +71,26 @@
   }
 }
 
+.productImageTag {
+  width: auto !important;
+}
+
+.carouselGaleryThumbs {
+  :first-child {
+    height: 90px;
+
+    :first-child {
+      gap: 16px !important;
+
+      .productImagesThumb {
+        width: 13.605%;
+        height: fit-content !important;
+        margin: 0;
+      }
+    }
+  }
+}
+
 .productBrand {
   display: flex;
   justify-content: flex-end;