From f5ea95ec1aaa3946fd749575ffa63e4b4fd8a0d8 Mon Sep 17 00:00:00 2001
From: Rafael Sampaio <rafael.sampa1989@gmail.com>
Date: Tue, 31 Jan 2023 15:58:34 -0300
Subject: [PATCH] feat: adiciona arrows prateleira

---
 styles/css/vtex.product-summary.css           |  2 +-
 styles/css/vtex.slider-layout.css             | 20 +++++++++++++++++--
 .../pages/product/vtex.slider-layout.scss     | 18 +++++++++++++++++
 3 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/styles/css/vtex.product-summary.css b/styles/css/vtex.product-summary.css
index 979c318..d3ef137 100644
--- a/styles/css/vtex.product-summary.css
+++ b/styles/css/vtex.product-summary.css
@@ -20,5 +20,5 @@
   font-weight: 400;
   line-height: 25px;
   text-align: center;
-  color: #292929;
+  color: #000000;
 }
\ No newline at end of file
diff --git a/styles/css/vtex.slider-layout.css b/styles/css/vtex.slider-layout.css
index 6b45fd8..297fd6f 100644
--- a/styles/css/vtex.slider-layout.css
+++ b/styles/css/vtex.slider-layout.css
@@ -15,7 +15,7 @@
 }
 
 .paginationDot--shelf {
-  background: #292929;
+  background: #000000;
   width: 10px !important;
   height: 10px !important;
 }
@@ -23,6 +23,22 @@
 .paginationDot--shelf--isActive {
   width: 17px !important;
   height: 17px !important;
-  border: 0.5px solid #292929;
+  border: 0.5px solid #000000;
   background: transparent;
+}
+
+.sliderLeftArrow--shelf {
+  visibility: hidden;
+}
+.sliderLeftArrow--shelf::after {
+  visibility: visible;
+  content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioLeftArrow.png");
+}
+
+.sliderRightArrow--shelf {
+  visibility: hidden;
+}
+.sliderRightArrow--shelf::before {
+  visibility: visible;
+  content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png");
 }
\ No newline at end of file
diff --git a/styles/sass/pages/product/vtex.slider-layout.scss b/styles/sass/pages/product/vtex.slider-layout.scss
index 3850792..940aa5c 100644
--- a/styles/sass/pages/product/vtex.slider-layout.scss
+++ b/styles/sass/pages/product/vtex.slider-layout.scss
@@ -16,3 +16,21 @@
   border: 0.5px solid $color-black;
   background: transparent;
 }
+
+.sliderLeftArrow--shelf {
+  visibility: hidden;
+
+  &::after {
+    visibility: visible;
+    content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioLeftArrow.png");
+  }
+}
+
+.sliderRightArrow--shelf {
+  visibility: hidden;
+
+  &::before {
+    visibility: visible;
+    content: url("https://agenciamagma.vtexassets.com/arquivos/rafaelSampaioRightArrow.png");
+  }
+}