Merge pull request 'feat(main): substitui o icone de casa pela palavra home no breadcrumb' (#1) from feature/Breadcrumb into development

Reviewed-on: #1

store/blocks/home/home.jsonc

@@ -2,9 +2,9 @@
   "store.home": {
     "blocks": [
       "list-context.image-list#demo",
-      "example-component",      /* You can make references to blocks defined in other files.
+      "example-component",
-       * For example, `flex-layout.row#deals` is defined in the `deals.json` file. */
+      /* You can make references to blocks defined in other files.
-      "flex-layout.row#deals",
+       * For example, `flex-layout.row#deals` is defined in the `deals.json` file. */ "flex-layout.row#deals",
       "__fold__",
       "rich-text#shelf-title",
       "flex-layout.row#shelf",

store/blocks/search.jsonc

@@ -108,7 +108,10 @@
     }
   },
   "flex-layout.row#searchinfo": {
-    "children": ["flex-layout.col#productCount", "flex-layout.row#orderByAndSwitcher"]
+    "children": [
+      "flex-layout.col#productCount",
+      "flex-layout.row#orderByAndSwitcher"
+    ]
   },
   "flex-layout.row#orderByAndSwitcher": {
     "children": ["order-by.v2", "gallery-layout-switcher"],
@@ -272,29 +275,19 @@
     "props": {
       "name": "grid"
     },
-    "children": [
+    "children": ["icon-grid", "responsive-layout.desktop#textOptionGrid"]
-      "icon-grid",
-      "responsive-layout.desktop#textOptionGrid"
-    ]
   },
   "gallery-layout-option#list": {
     "props": {
       "name": "list"
     },
-    "children": [
+    "children": ["icon-inline-grid", "responsive-layout.desktop#textOptionList"]
-      "icon-inline-grid",
-      "responsive-layout.desktop#textOptionList"
-    ]
   },
   "responsive-layout.desktop#textOptionGrid": {
-    "children": [
+    "children": ["rich-text#option-grid"]
-      "rich-text#option-grid"
-    ]
   },
   "responsive-layout.desktop#textOptionList": {
-    "children": [
+    "children": ["rich-text#option-list"]
-      "rich-text#option-list"
-    ]
   },
   "rich-text#option-grid": {
     "props": {

styles/css/agenciamagma.store-theme.css

@@ -7,10 +7,3 @@
 */
 /* Media Query M3 */
 /* Grid breakpoints */
-.html {
-  background-color: red;
-}
-
-.html--pdp-breadcrumb {
-  background-color: green;
-}

styles/css/vtex.breadcrumb.css

@@ -0,0 +1,16 @@
+/*
+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 */
+.homeLink .homeIcon {
+  display: none;
+}
+
+.homeLink::before {
+  content: "Home";
+}

styles/css/vtex.flex-layout.css

@@ -1,98 +1,12 @@
-.flexRowContent--menu-link,
+/*
-.flexRowContent--main-header {
+0 - 600PX: Phone
-  padding: 0 0.5rem;
+600 - 900px: Table portrait
-}
+900 - 1200px: Tablet landscape
-
+[1200 - 1800] is where our nortal styles apply
-@media screen and (min-width: 40em) {
+1800px + : Big desktop
-  .flexRowContent--menu-link,
+*/
-  .flexRowContent--main-header {
+/* Media Query M3 */
-    padding: 0 1rem;
+/* Grid breakpoints */
-  }
+.vtex-breadcrumb-1-x-container {
-}
+  background-color: red;
-
-@media screen and (min-width: 80rem) {
-  .flexRowContent--menu-link,
-  .flexRowContent--main-header {
-    padding: 0 0.25rem;
-  }
-}
-
-.flexRowContent--menu-link {
-  background-color: #03044e;
-  color: #fff;
-}
-
-.flexRowContent--main-header {
-  background-color: #f0f0f0;
-}
-
-.flexRowContent--main-header-mobile {
-  align-items: center;
-  padding: 0.625rem 0.5rem;
-  background-color: #f0f0f0;
-}
-
-.flexRowContent--menu-link :global(.vtex-menu-2-x-styledLink) {
-  color: #ffffff;
-  font-size: 14px;
-}
-
-.flexRowContent--main-header :global(.vtex-menu-2-x-styledLink) {
-  color: #727273;
-  font-size: 14px;
-}
-
-.flexRow--deals {
-  background-color: #0F3E99;
-  padding: 14px 0px;
-}
-
-.flexRow--deals .stretchChildrenWidth {
-  align-items: center;
-}
-
-.flexRow--deals .flexCol {
-  align-items: center;
-  margin-bottom: 5px;
-  padding-top: 5px;
-}
-
-.flexCol--filterCol {
-  max-width: 500px;
-  min-width: 230px;
-}
-
-.flexCol--productCountCol {
-  align-items: flex-start;
-}
-
-.flexCol--orderByCol {
-  align-items: flex-end;
-}
-
-.flexCol--orderByMobileCol {
-  width: 42%;
-}
-
-.flexCol--filterMobileCol {
-  width: 38%;
-}
-
-.flexRow--quickviewMainRow {
-  display: flex;
-  max-height: 100%;
-}
-
-.flexColChild--quickviewDetails:first-child {
-  overflow-y: auto;
-  height: 66% !important;
-  overflow-x: hidden;
-}
-
-.flexColChild--quickviewDetails:last-child {
-  height: 34% !important;
-}
-
-.flexRow--addToCartRow {
-  padding-bottom: 1rem;
 }

styles/css/vtex.flex-layoutbreadcrumb.css

@@ -0,0 +1,16 @@
+/*
+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 */
+.vtex-breadcrumb-1-x-container {
+  background-color: red;
+}
+
+.vtex-breadcrumb-1-x-container {
+  padding: 0 !important;
+}

styles/sass/pages/product/agenciamagma.store-theme.scss

@@ -1,8 +0,0 @@
-.html {
-  background-color: red;
-}
-
-.html--pdp-breadcrumb {
-  background-color: green;
-}
-

styles/sass/pages/product/vtex.breadcrumb.scss

@@ -0,0 +1,9 @@
+.homeLink {
+  .homeIcon {
+    display: none;
+  }
+}
+
+.homeLink::before {
+  content: "Home";
+}