From 0b41e3deaeea75a2c3711b8220e77be9dbfa14e0 Mon Sep 17 00:00:00 2001
From: Ramon Dias Ferreira <ramondf13@gmail.com>
Date: Fri, 10 Feb 2023 23:32:55 -0300
Subject: [PATCH] feat: breadcrumb alterado, ajustes no responsivo

---
 react/components/Html/styles.css              |  6 ++++
 styles/css/vtex.breadcrumb.css                | 36 +++++++++++++++++++
 styles/css/vtex.store-components.css          |  9 +++++
 .../sass/pages/product/vtex.breadcrumb.scss   | 32 +++++++++++++++++
 .../pages/product/vtex.store-components.scss  |  6 ++++
 5 files changed, 89 insertions(+)
 create mode 100644 styles/css/vtex.breadcrumb.css
 create mode 100644 styles/sass/pages/product/vtex.breadcrumb.scss

diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css
index 306ef9b..0a7c193 100644
--- a/react/components/Html/styles.css
+++ b/react/components/Html/styles.css
@@ -10,3 +10,9 @@
 
  }
 
+ @media screen and (max-width: 375px) {
+
+  [class*="html--cart-button"] {
+    flex-direction: column;
+   }
+ }
diff --git a/styles/css/vtex.breadcrumb.css b/styles/css/vtex.breadcrumb.css
new file mode 100644
index 0000000..fb924c3
--- /dev/null
+++ b/styles/css/vtex.breadcrumb.css
@@ -0,0 +1,36 @@
+/*
+0 - 600PX: Phone
+600 - 900px: Table portrait
+900 - 1200px: Tablet landscape
+[1200 - 1800] is where our nortal styles apply
+1800px + : Big desktop
+*/
+/* Media Query M3 */
+/* Grid breakpoints */
+.container {
+  padding: 0 40px;
+}
+
+.homeLink .homeIcon {
+  display: none;
+}
+.homeLink::before {
+  content: "Home";
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
+}
+
+.link--1,
+.link--2,
+.link--3 {
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+  color: #929292;
+}
\ No newline at end of file
diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css
index 6ef40b4..80f58d7 100644
--- a/styles/css/vtex.store-components.css
+++ b/styles/css/vtex.store-components.css
@@ -123,6 +123,11 @@
     right: 0px;
   }
 }
+@media screen and (max-width: 600px) {
+  .shippingContainer :global(.vtex-address-form__postalCode-forgottenURL) {
+    position: inherit;
+  }
+}
 
 .shareContainer {
   display: none;
@@ -270,6 +275,10 @@
   color: #B9B9B9;
 }
 
+.productImageTag--produto-carrossel--main {
+  max-height: inherit !important;
+}
+
 .productImageTag--description-imagem {
   max-height: 100% !important;
 }
diff --git a/styles/sass/pages/product/vtex.breadcrumb.scss b/styles/sass/pages/product/vtex.breadcrumb.scss
new file mode 100644
index 0000000..cbd2cd5
--- /dev/null
+++ b/styles/sass/pages/product/vtex.breadcrumb.scss
@@ -0,0 +1,32 @@
+.container{
+ padding: 0 40px;
+}
+
+.homeLink {
+  .homeIcon {
+    display: none;
+  }
+
+  &::before {
+    content: "Home";
+    font-family: "Open Sans", sans-serif;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 19px;
+
+    color: #929292;
+  }
+}
+
+.link--1,
+.link--2,
+.link--3 {
+  font-family: "Open Sans", sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 19px;
+
+  color: #929292;
+}
diff --git a/styles/sass/pages/product/vtex.store-components.scss b/styles/sass/pages/product/vtex.store-components.scss
index 6d68d2d..79c06d8 100644
--- a/styles/sass/pages/product/vtex.store-components.scss
+++ b/styles/sass/pages/product/vtex.store-components.scss
@@ -98,6 +98,9 @@
   @media screen and (max-width: 1024px) {
     right: 0px;
   }
+  @media screen and (max-width: 600px) {
+    position: inherit;
+  }
 }
 
 .shareContainer {
@@ -231,6 +234,9 @@
   color: #B9B9B9;
 }
 
+.productImageTag--produto-carrossel--main{
+  max-height: inherit !important;
+}
 
 
 .productImageTag--description-imagem{