From 414e89874b543a09a72d646a84c3529e3937647b Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 10:32:12 -0300 Subject: [PATCH 1/9] =?UTF-8?q?style:=20corre=C3=A7=C3=A3o=20de=20estilos?= =?UTF-8?q?=20do=20header=20para=20@media=20(max-width:=202561px)=20and=20?= =?UTF-8?q?(min-width:=201920px)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles/css/vtex.flex-layout.css | 3 +-- styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss | 3 +-- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index bea9431..5496f43 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -22,9 +22,8 @@ } @media (max-width: 2561px) and (min-width: 1920px) { .flexRow--main-header .flexRowContent--main-header { - width: 71.858%; margin: 0 auto; - padding: 32px 0; + padding: 32px 14.0593%; } } .flexRow--main-header .flexRowContent--main-header :global(.vtex-minicart-2-x-minicartWrapperContainer) :global(.vtex-minicart-2-x-minicartContainer) :global(.vtex-minicart-2-x-openIconContainer) { diff --git a/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss b/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss index 0e8f3c9..91b1465 100644 --- a/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss @@ -12,9 +12,8 @@ align-items: center; padding: 32px 40px; @media (max-width: 2561px) and (min-width: 1920px) { - width: 71.858%; margin: 0 auto; - padding: 32px 0; + padding: 32px 14.0593%; } :global(.vtex-minicart-2-x-minicartWrapperContainer) { :global(.vtex-minicart-2-x-minicartContainer) { From d9ed138849b6ed65223706795348dd56bea70e05 Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 11:17:23 -0300 Subject: [PATCH 2/9] =?UTF-8?q?style:=20corrigindo=20linha=20do=20pre?= =?UTF-8?q?=C3=A7o=20do=20slider?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles/css/vtex.product-price.css | 3 ++- styles/sass/pages/product/vtexProduct/vtex.product-price.scss | 3 ++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/styles/css/vtex.product-price.css b/styles/css/vtex.product-price.css index 9243a0d..90e06a3 100644 --- a/styles/css/vtex.product-price.css +++ b/styles/css/vtex.product-price.css @@ -59,12 +59,13 @@ } .listPrice .listPriceValue { padding: 0; + text-decoration-thickness: 1px; + color: #bababa; } .listPrice .listPriceValue .currencyContainer { font-weight: 400; font-size: 14px; line-height: 19px; - text-decoration-line: line-through; color: #bababa; display: block; } diff --git a/styles/sass/pages/product/vtexProduct/vtex.product-price.scss b/styles/sass/pages/product/vtexProduct/vtex.product-price.scss index c2f638f..9a502a2 100644 --- a/styles/sass/pages/product/vtexProduct/vtex.product-price.scss +++ b/styles/sass/pages/product/vtexProduct/vtex.product-price.scss @@ -51,11 +51,12 @@ } .listPriceValue { padding: 0; + text-decoration-thickness: 1px; + color: #bababa; .currencyContainer { font-weight: 400; font-size: 14px; line-height: 19px; - text-decoration-line: line-through; color: $BABABA; display: block; @media (max-width: 1025px) and (min-width: 768px) { From b0ff1ddab37a23855016b54d4dec77c440e375de Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 16:08:46 -0300 Subject: [PATCH 3/9] feat(category-menu.json): adicionando links do header --- store/blocks/header/category-menu.json | 123 +++++++++++++++++++++++-- 1 file changed, 116 insertions(+), 7 deletions(-) diff --git a/store/blocks/header/category-menu.json b/store/blocks/header/category-menu.json index 97185f6..16bc64b 100644 --- a/store/blocks/header/category-menu.json +++ b/store/blocks/header/category-menu.json @@ -1,14 +1,86 @@ { "vtex.menu@2.x:menu#category-menu": { "props": { - "experimentalOptimizeRendering": true + "experimentalOptimizeRendering": true, + "blockClass": "header-menu" }, "children": [ + "menu-item#novidades", + "menu-item#sapatos", "menu-item#category-apparel", "menu-item#category-home", - "menu-item#more" + "menu-item#more", + "menu-item#category-lojas", + "menu-item#category-seja-franqueado" ] }, + + "menu-item#novidades": { + "props": { + "id": "menu-item-novidades", + "type": "custom", + "iconId": null, + "highlight": false, + "itemProps": { + "type": "internal", + "href": "/novidades/", + "noFollow": false, + "tagTitle": "Novidades", + "text": "Novidades" + } + }, + "blocks": ["vtex.menu@2.x:submenu#novidades"] + }, + "vtex.menu@2.x:submenu#novidades": { + "props": { + "width": "auto" + }, + "children": ["vtex.menu@2.x:menu#novidades"] + }, + "vtex.menu@2.x:menu#novidades": { + "props": { + "orientation": "vertical" + }, + "children": [ + "menu-item#category-apparel-am3academy", + "menu-item#category-apparel-accessories", + "menu-item#category-apparel-eyeglasses" + ] + }, + + "menu-item#sapatos": { + "props": { + "id": "menu-item-sapatos", + "type": "custom", + "iconId": null, + "highlight": false, + "itemProps": { + "type": "internal", + "href": "/sapatos/", + "noFollow": false, + "tagTitle": "Sapatos", + "text": "Sapatos" + } + }, + "blocks": ["vtex.menu@2.x:submenu#sapatos"] + }, + "vtex.menu@2.x:submenu#sapatos": { + "props": { + "width": "auto" + }, + "children": ["vtex.menu@2.x:menu#sapatos"] + }, + "vtex.menu@2.x:menu#sapatos": { + "props": { + "orientation": "vertical" + }, + "children": [ + "menu-item#category-apparel-am3academy", + "menu-item#category-apparel-accessories", + "menu-item#category-apparel-eyeglasses" + ] + }, + "menu-item#category-apparel": { "props": { "id": "menu-item-category-apparel", @@ -20,7 +92,7 @@ "href": "/apparel---accessories/", "noFollow": false, "tagTitle": "Apparel & Accessories", - "text": "Apparel & Accessories" + "text": "Bolsas" } }, "blocks": ["vtex.menu@2.x:submenu#category-apparel"] @@ -41,6 +113,7 @@ "menu-item#category-apparel-eyeglasses" ] }, + "menu-item#category-apparel-am3academy": { "props": { "id": "menu-item-category-apparel-am3academy", @@ -86,6 +159,7 @@ } } }, + "menu-item#category-home": { "props": { "id": "menu-item-category-home", @@ -96,11 +170,12 @@ "type": "internal", "href": "/home---decor/", "noFollow": false, - "tagTitle": "Home & Decor", - "text": "Home & Decor" + "tagTitle": "Acessorios", + "text": "Acessorios" } } }, + "menu-item#more": { "props": { "id": "menu-item-custom-trocas-e-devolucoes", @@ -111,8 +186,8 @@ "type": "internal", "href": "#", "noFollow": true, - "tagTitle": "More", - "text": "More" + "tagTitle": "Outlet", + "text": "Outlet" } }, "blocks": ["vtex.menu@2.x:submenu#more"] @@ -182,5 +257,39 @@ "text": "Contact Us" } } + }, + + + "menu-item#category-lojas": { + "props": { + "id": "menu-item-category-lojas", + "type": "custom", + "iconId": null, + "highlight": false, + "itemProps": { + "type": "internal", + "href": "/lojas/", + "noFollow": false, + "tagTitle": "Lojas", + "text": "Lojas" + } + } + }, + + + "menu-item#category-seja-franqueado": { + "props": { + "id": "menu-item-category-seja-franqueado", + "type": "custom", + "iconId": null, + "highlight": false, + "itemProps": { + "type": "internal", + "href": "/Seja---Franqueado/", + "noFollow": false, + "tagTitle": "Seja Franqueado", + "text": "Seja Franqueado" + } + } } } From a2bf8291467e12d80ee845e01c3ef6eebe232b09 Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 16:10:37 -0300 Subject: [PATCH 4/9] style: adicionando estilo do input de pesquisa --- styles/css/vtex.store-components.css | 16 ++++++++++++++ .../vtexStore/vtex.store-components.scss | 22 ++++++++++++++++++- 2 files changed, 37 insertions(+), 1 deletion(-) diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index a15ef33..0b9a9c3 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -13,11 +13,27 @@ } .autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) { + height: 19px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #aeaeae; border-radius: 0; + display: flex; + flex-direction: row-reverse; +} +.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-styleguide-9-x-input) { + font-size: 12px; + padding-left: 12px; + padding-bottom: 6px; +} +.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) { + padding: 0 0 8px; +} +.autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) :global(.vtex-store-components-3-x-suffixWrapper) :global(.vtex-store-components-3-x-searchBarIcon) :global(.vtex-store-components-3-x-searchIcon) { + width: 10px; + height: 10px; + filter: invert(79%) sepia(0%) saturate(1412%) hue-rotate(140deg) brightness(90%) contrast(83%); } .container { diff --git a/styles/sass/pages/product/vtexStore/vtex.store-components.scss b/styles/sass/pages/product/vtexStore/vtex.store-components.scss index cf8ae10..663a0cc 100644 --- a/styles/sass/pages/product/vtexStore/vtex.store-components.scss +++ b/styles/sass/pages/product/vtexStore/vtex.store-components.scss @@ -10,11 +10,31 @@ &:first-child { :global(.vtex-input) { :global(.vtex-input-prefix__group) { + height: 19px; border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #aeaeae; border-radius: 0; + display: flex; + flex-direction: row-reverse; + :global(.vtex-styleguide-9-x-input) { + font-size: 12px; + padding-left: 12px; + padding-bottom: 6px; + } + :global(.vtex-input__suffix) { + padding: 0 0 8px; + :global(.vtex-store-components-3-x-suffixWrapper) { + :global(.vtex-store-components-3-x-searchBarIcon) { + :global(.vtex-store-components-3-x-searchIcon) { + width: 10px; + height: 10px; + filter: invert(79%) sepia(0%) saturate(1412%) hue-rotate(140deg) brightness(90%) contrast(83%); + } + } + } + } } } } @@ -217,7 +237,7 @@ border: 1px solid #989898; border-radius: unset; padding: 12px 14px; - width: 100%; + width: 100%; } :global(.vtex-styleguide-9-x-input)::placeholder { font-weight: 400; From ba08ed2801006cd9a7afe9ec5030a4de68faac69 Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 16:13:42 -0300 Subject: [PATCH 5/9] style: adicionando estilo do header no vtex.menu --- styles/css/vtex.menu.css | 17 +++++++++++++ .../pages/product/vtexMenu/vtex.menu.scss | 25 +++++++++++++++++++ 2 files changed, 42 insertions(+) diff --git a/styles/css/vtex.menu.css b/styles/css/vtex.menu.css index 78a531b..cf50512 100644 --- a/styles/css/vtex.menu.css +++ b/styles/css/vtex.menu.css @@ -7,6 +7,23 @@ */ /* Media Query M3 */ /* Grid breakpoints */ +@media (max-width: 2561px) and (min-width: 1920px) { + .menuContainerNav--header-menu .menuContainer--header-menu { + margin-left: 308.08px; + } +} +.menuContainerNav--header-menu .menuContainer--header-menu .menuItem .styledLinkContainer { + margin-right: 15px; +} +.menuContainerNav--header-menu .menuContainer--header-menu .menuItem .styledLinkContainer .styledLink .styledLinkContent { + font-weight: 400 !important; + font-size: 12px !important; + line-height: 16px !important; + letter-spacing: -0.1em; + text-transform: uppercase; + color: #929292 !important; +} + @media (max-width: 1025px) and (min-width: 768px) { .menuContainerNav .menuContainer { margin-bottom: 14px; diff --git a/styles/sass/pages/product/vtexMenu/vtex.menu.scss b/styles/sass/pages/product/vtexMenu/vtex.menu.scss index 4e7f0ac..deae3b5 100644 --- a/styles/sass/pages/product/vtexMenu/vtex.menu.scss +++ b/styles/sass/pages/product/vtexMenu/vtex.menu.scss @@ -1,3 +1,28 @@ +//Header + +.menuContainerNav--header-menu { + .menuContainer--header-menu { + @media (max-width: 2561px) and (min-width: 1920px) { + margin-left: 308.08px; + } + .menuItem { + .styledLinkContainer { + margin-right: 15px; + .styledLink{ + .styledLinkContent{ + font-weight: 400 !important; + font-size: 12px !important; + line-height: 16px !important; + letter-spacing: -0.1em; + text-transform: uppercase; + color: $gray !important; + } + } + } + } + } +} + //Footer .menuContainerNav { From d5322864212b6e1622d7c247a606797c67ef5c76 Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 16:16:14 -0300 Subject: [PATCH 6/9] style: removendo estilos do login e do header --- styles/css/vtex.flex-layout.css | 39 +------------ .../vtexFlexLayout/vtex.flex-layout.scss | 57 +------------------ 2 files changed, 2 insertions(+), 94 deletions(-) diff --git a/styles/css/vtex.flex-layout.css b/styles/css/vtex.flex-layout.css index 5496f43..584df55 100644 --- a/styles/css/vtex.flex-layout.css +++ b/styles/css/vtex.flex-layout.css @@ -19,6 +19,7 @@ justify-content: space-between; align-items: center; padding: 32px 40px; + column-gap: 16px; } @media (max-width: 2561px) and (min-width: 1920px) { .flexRow--main-header .flexRowContent--main-header { @@ -29,17 +30,6 @@ .flexRow--main-header .flexRowContent--main-header :global(.vtex-minicart-2-x-minicartWrapperContainer) :global(.vtex-minicart-2-x-minicartContainer) :global(.vtex-minicart-2-x-openIconContainer) { padding-right: 0; } -.flexRow--main-header .flexRowContent--main-header :global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label) { - visibility: hidden; -} -.flexRow--main-header .flexRowContent--main-header :global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label)::before { - content: ""; - background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); - visibility: visible; - width: 22px; - height: 18px; - padding: 0; -} .flexRow--main-header-mobile .flexRowContent--main-header-mobile { display: flex; @@ -73,33 +63,6 @@ width: 27.93px; height: 21px; } -.flexRow--main-header-mobile .flexRowContent--main-header-mobile :global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label) { - visibility: hidden; -} -.flexRow--main-header-mobile .flexRowContent--main-header-mobile :global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label)::before { - content: ""; - background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); - visibility: visible; - width: 22px; - height: 18px; - padding: 0; - left: 0; - position: absolute; -} - -@media (max-width: 2561px) and (min-width: 1920px) { - .flexColChild :global(.vtex-menu-2-x-menuContainerNav) :global(.vtex-menu-2-x-menuContainer) { - margin-left: 308.08px; - } -} -.flexColChild :global(.vtex-menu-2-x-menuContainerNav) :global(.vtex-menu-2-x-menuContainer) :global(.vtex-menu-2-x-menuItem) :global(.vtex-menu-2-x-styledLink) :global(.vtex-menu-2-x-styledLinkContent) { - font-weight: 400; - font-size: 12px; - line-height: 16px; - letter-spacing: -0.1em; - text-transform: uppercase; - color: #929292; -} .flexRowContent { padding: 0; diff --git a/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss b/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss index 91b1465..9a99deb 100644 --- a/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss +++ b/styles/sass/pages/product/vtexFlexLayout/vtex.flex-layout.scss @@ -11,6 +11,7 @@ justify-content: space-between; align-items: center; padding: 32px 40px; + column-gap: 16px; @media (max-width: 2561px) and (min-width: 1920px) { margin: 0 auto; padding: 32px 14.0593%; @@ -22,21 +23,6 @@ } } } - :global(.vtex-login-2-x-container) { - :global(.vtex-button) { - :global(.vtex-button__label) { - visibility: hidden; - } - :global(.vtex-button__label)::before { - content: ""; - background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); - visibility: visible; - width: 22px; - height: 18px; - padding: 0; - } - } - } } } @@ -70,47 +56,6 @@ width: 27.93px; height: 21px; } - :global(.vtex-login-2-x-container) { - :global(.vtex-button) { - :global(.vtex-button__label) { - visibility: hidden; - } - :global(.vtex-button__label)::before { - content: ""; - background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); - visibility: visible; - width: 22px; - height: 18px; - padding: 0; - left: 0; - position: absolute; - } - } - } - } -} - -//Menu - -.flexColChild { - :global(.vtex-menu-2-x-menuContainerNav) { - :global(.vtex-menu-2-x-menuContainer) { - @media (max-width: 2561px) and (min-width: 1920px) { - margin-left: 308.08px; - } - :global(.vtex-menu-2-x-menuItem) { - :global(.vtex-menu-2-x-styledLink) { - :global(.vtex-menu-2-x-styledLinkContent) { - font-weight: 400; - font-size: 12px; - line-height: 16px; - letter-spacing: -0.1em; - text-transform: uppercase; - color: $gray; - } - } - } - } } } From 36d50389395331e18ea5d377ef3770748abf3bae Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 16:21:03 -0300 Subject: [PATCH 7/9] style: adicionando estilo do login --- styles/css/vtex.login.css | 30 +++++++++++++++---- .../pages/product/vtexLogin/vtex.login.scss | 26 ++++++++++++---- 2 files changed, 45 insertions(+), 11 deletions(-) diff --git a/styles/css/vtex.login.css b/styles/css/vtex.login.css index e680a11..7af1030 100644 --- a/styles/css/vtex.login.css +++ b/styles/css/vtex.login.css @@ -7,13 +7,31 @@ */ /* Media Query M3 */ /* Grid breakpoints */ +:global(.vtex-login-2-x-container) { + width: 22px; +} +:global(.vtex-login-2-x-container) :global(.vtex-button) { + width: 22px; + border: 0; +} @media (max-width: 768px) and (min-width: 375px) { - .buttonLink { - position: relative; + :global(.vtex-login-2-x-container) :global(.vtex-button) { left: 30px; - width: 22px; - } - .buttonLink :global(.vtex-button) { - width: 22px; } +} +:global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label) { + visibility: hidden; + padding: 0; + width: 22px; +} +:global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label) :global(.vtex-login-2-x-label) { + display: none; +} +:global(.vtex-login-2-x-container) :global(.vtex-button) :global(.vtex-button__label)::before { + content: ""; + background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); + visibility: visible; + width: 22px; + height: 18px; + padding: 0; } \ No newline at end of file diff --git a/styles/sass/pages/product/vtexLogin/vtex.login.scss b/styles/sass/pages/product/vtexLogin/vtex.login.scss index 5942ec3..65cd34c 100644 --- a/styles/sass/pages/product/vtexLogin/vtex.login.scss +++ b/styles/sass/pages/product/vtexLogin/vtex.login.scss @@ -1,10 +1,26 @@ -@media (max-width: 768px) and (min-width: 375px) { - .buttonLink { - position: relative; - left: 30px; +:global(.vtex-login-2-x-container) { + width: 22px; + :global(.vtex-button) { width: 22px; - :global(.vtex-button) { + border: 0; + @media (max-width: 768px) and (min-width: 375px) { + left: 30px; + } + :global(.vtex-button__label) { + visibility: hidden; + padding: 0; width: 22px; + :global(.vtex-login-2-x-label) { + display: none; + } + } + :global(.vtex-button__label)::before { + content: ""; + background: url("https://agenciamagma.vteximg.com.br/arquivos/user-icon-m3academy-anacarolinaduartecavalcante.svg"); + visibility: visible; + width: 22px; + height: 18px; + padding: 0; } } } From d5c14fa3e25719bbb1894ee8321e056135cc3827 Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 16:42:35 -0300 Subject: [PATCH 8/9] style: removendo cor do background do input do header --- styles/css/vtex.store-components.css | 2 ++ styles/sass/pages/product/vtexStore/vtex.store-components.scss | 2 ++ 2 files changed, 4 insertions(+) diff --git a/styles/css/vtex.store-components.css b/styles/css/vtex.store-components.css index 0b9a9c3..5f40621 100644 --- a/styles/css/vtex.store-components.css +++ b/styles/css/vtex.store-components.css @@ -26,9 +26,11 @@ font-size: 12px; padding-left: 12px; padding-bottom: 6px; + background: unset; } .autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) { padding: 0 0 8px; + background: unset; } .autoCompleteOuterContainer:first-child :global(.vtex-input) :global(.vtex-input-prefix__group) :global(.vtex-input__suffix) :global(.vtex-store-components-3-x-suffixWrapper) :global(.vtex-store-components-3-x-searchBarIcon) :global(.vtex-store-components-3-x-searchIcon) { width: 10px; diff --git a/styles/sass/pages/product/vtexStore/vtex.store-components.scss b/styles/sass/pages/product/vtexStore/vtex.store-components.scss index 663a0cc..46bfeca 100644 --- a/styles/sass/pages/product/vtexStore/vtex.store-components.scss +++ b/styles/sass/pages/product/vtexStore/vtex.store-components.scss @@ -22,9 +22,11 @@ font-size: 12px; padding-left: 12px; padding-bottom: 6px; + background: unset; } :global(.vtex-input__suffix) { padding: 0 0 8px; + background: unset; :global(.vtex-store-components-3-x-suffixWrapper) { :global(.vtex-store-components-3-x-searchBarIcon) { :global(.vtex-store-components-3-x-searchIcon) { From ef4ccc9dca6d29c8336ec6514820bf1bfa74f942 Mon Sep 17 00:00:00 2001 From: devartes Date: Thu, 9 Feb 2023 16:44:00 -0300 Subject: [PATCH 9/9] style: corrigindo estilo do Footer Credits --- styles/css/vtex.rich-text.css | 6 ++++++ styles/sass/pages/product/vtexRichText/vtex.rich-text.scss | 4 ++++ 2 files changed, 10 insertions(+) diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css index 30c47f9..c4b72e4 100644 --- a/styles/css/vtex.rich-text.css +++ b/styles/css/vtex.rich-text.css @@ -44,6 +44,12 @@ line-height: 20px; text-align: center; color: rgba(255, 255, 255, 0.45); + white-space: nowrap; +} +@media (max-width: 768px) and (min-width: 375px) { + .container .wrapper .paragraph { + white-space: unset; + } } .container .wrapper .paragraph--footer { font-weight: 700; diff --git a/styles/sass/pages/product/vtexRichText/vtex.rich-text.scss b/styles/sass/pages/product/vtexRichText/vtex.rich-text.scss index 9fa5917..6323ce6 100644 --- a/styles/sass/pages/product/vtexRichText/vtex.rich-text.scss +++ b/styles/sass/pages/product/vtexRichText/vtex.rich-text.scss @@ -37,6 +37,10 @@ line-height: 20px; text-align: center; color: rgba(255, 255, 255, 0.45); + white-space: nowrap; + @media (max-width: 768px) and (min-width: 375px) { + white-space: unset; + } } .paragraph--footer { font-weight: 700;