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

Reviewed-on: #1
This commit is contained in:
DaviKlein 2023-02-10 17:55:49 +00:00
commit 3db5d452a0
8 changed files with 65 additions and 132 deletions

View File

@ -2,9 +2,9 @@
"store.home": { "store.home": {
"blocks": [ "blocks": [
"list-context.image-list#demo", "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__", "__fold__",
"rich-text#shelf-title", "rich-text#shelf-title",
"flex-layout.row#shelf", "flex-layout.row#shelf",

View File

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

View File

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

View File

@ -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";
}

View File

@ -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;
} }

View File

@ -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;
}

View File

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

View File

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