From 62e5fdd8a7342190b844a28373eee3f7ec9e7272 Mon Sep 17 00:00:00 2001
From: Adilson Fernando <ornellas00@hotmail.com>
Date: Tue, 31 Jan 2023 16:05:26 -0300
Subject: [PATCH] hotfix: setas do slick iguais ao figma

---
 styles/css/vtex.slider-layout.css             | 15 ++++++++++
 .../pages/product/vtex.slider-layout.scss     | 28 +++++++++++--------
 2 files changed, 31 insertions(+), 12 deletions(-)

diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css
index 4ecaa5e..c43da23 100644
--- a/styles/css/vtex.slider-layout.css
+++ b/styles/css/vtex.slider-layout.css
@@ -7,6 +7,21 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
+.sliderLayoutContainer--carousel .sliderLeftArrow {
+  visibility: hidden;
+}
+.sliderLayoutContainer--carousel .sliderLeftArrow::after {
+  visibility: visible;
+  content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-leftarrowslick.png");
+}
+.sliderLayoutContainer--carousel .sliderRightArrow {
+  visibility: hidden;
+}
+.sliderLayoutContainer--carousel .sliderRightArrow::after {
+  visibility: visible;
+  content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-rightarrowslick.png");
+}
+
 .sliderTrackContainer--carousel {
   background-color: #fff;
   margin-left: 40px;
diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss
index f395695..144dca4 100644
--- a/styles/sass/pages/product/vtex.slider-layout.scss
+++ b/styles/sass/pages/product/vtex.slider-layout.scss
@@ -1,6 +1,19 @@
-// .sliderLayoutContainer--carousel{
-  
-// }
+.sliderLayoutContainer--carousel {
+  .sliderLeftArrow {
+    visibility: hidden;
+    &::after {
+      visibility: visible;
+      content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-leftarrowslick.png");
+    }
+  }
+  .sliderRightArrow{
+    visibility: hidden;
+    &::after{
+      visibility: visible;
+      content: url("https://agenciamagma.vtexassets.com/arquivos/AdilsonFernandoNevesOrnellas-rightarrowslick.png");
+    }
+  }
+}
 
 .sliderTrackContainer--carousel {
   background-color: $color-white;
@@ -23,15 +36,6 @@
       height: 402.2px;
     }
   }
-  // .sliderArrows--carousel {
-  //   .caretIcon--carousel {
-  //   }
-  // }
-  // .sliderArrows--carousel {
-  //   .caretIcon--carousel {
-  //   }
-  // }
-
 }
 .paginationDotsContainer--carousel {
   .paginationDot--carousel {