From d5b00343024b90cddd3ad2f2e07719bd18329584 Mon Sep 17 00:00:00 2001 From: devartes Date: Sat, 24 Dec 2022 09:06:40 -0300 Subject: [PATCH 1/2] style(_checkout-autenticacao.scss): adicionando imagem homeM3Academy.png e modificando cor do background do label da parte Forma de entrega --- .../sass/checkout/_checkout-autenticacao.scss | 41 +++++++++++++------ 1 file changed, 28 insertions(+), 13 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index 46d7bb9..15a69f1 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -482,7 +482,6 @@ border-radius: 0; label { - background-color: $color-white; box-shadow: none; color: #303030; padding: 8px 12px; @@ -506,15 +505,14 @@ .address-summary { background: none; - border-color: $color-gray4; - border-radius: 0; + border-color: $color-gray10; + border-radius: 8px; font-family: "Open Sans"; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; color: #7d7d7d; - padding: 12px; @media (min-width: $checkout2500px) { font-size: 24px; line-height: 33px; @@ -550,10 +548,6 @@ padding-right: 16px; } - .shp-summary-package { - padding-left: 16px; - } - .vtex-omnishipping-1-x-summaryChange { border-color: #303030; color: #303030; @@ -575,7 +569,6 @@ .accordion-group { .accordion-inner { .address-summary { - border: 1px solid $color-gray10; border-radius: 8px; } @@ -1259,10 +1252,6 @@ label.vtex-omnishipping-1-x-leanShippingOptionActive { } } -label#FASTEST { - background: $color-gray11 !important; -} - span.street, span.neighborhood, span.city, @@ -1288,6 +1277,10 @@ a#force-shipping-fields { color: $color-blue2; text-transform: lowercase !important; text-decoration: none; + @media (min-width: $checkout2500px) { + font-size: 24px; + line-height: 33px; + } } p.input.ship-complement.text { @@ -1644,6 +1637,28 @@ a#open-shipping { display: none; } +.vtex-omnishipping-1-x-SummaryItemContent { + display: flex; + align-items: end !important; +} + +.vtex-omnishipping-1-x-addressSummaryActive .address-summary { + background: url("https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png") no-repeat center center !important; + background-position: 12px 18px !important; + background-size: 21.25px 20.07px !important; + padding-left: 44px; + padding-right: 15px !important; + @media (min-width: $checkout2500px) { + background-size: 41.12px 38.84px !important; + background-position: 28.66px 22.98px !important; + padding-left: 81px !important; + } +} + +.vtex-omnishipping-1-x-leanShippingOptionActive { + background: $color-gray11 !important; +} + // ícones ou imagens .client-pre-email .emailInfo .icon-lock { -- 2.34.1 From 04660895dc4a4fcd109546817ef26b7e20f1721b Mon Sep 17 00:00:00 2001 From: devartes Date: Sat, 24 Dec 2022 10:36:34 -0300 Subject: [PATCH 2/2] =?UTF-8?q?style(=5Fcheckout-autenticacao.scss):=20cor?= =?UTF-8?q?re=C3=A7=C3=A3o=20de=20estilo=20da=20=C3=A1rea=20de=20pagamento?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../sass/checkout/_checkout-autenticacao.scss | 51 +++++++++++++------ 1 file changed, 36 insertions(+), 15 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index 15a69f1..57a2b97 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -1062,7 +1062,7 @@ td.info { width: 98.2%; @media (max-width: $checkout1024px) { width: 96.5% !important; - margin-top: 17px; + margin-top: 0; } } @@ -1075,7 +1075,7 @@ td.monetary { height: auto; height: 397px !important; @media (max-width: $checkout1024px) { - height: 390px !important; + height: 395.02px !important; } @media (min-width: $checkout2500px) { height: 397px !important; @@ -1100,7 +1100,7 @@ li.hproduct.item.muted { } .btn-block + .btn-block { - margin-top: 66px; + margin-top: 46px; } .payment-confirmation-wrap { @@ -1407,11 +1407,6 @@ fieldset.payment-group { } } -.steps-view { - height: auto; - min-height: 20px; -} - input#creditCardpayment-card-0Code { height: 26px; } @@ -1430,12 +1425,9 @@ p.PaymentCardHolderDocument.input.text.required.mask { justify-content: center; align-items: baseline; position: relative; - right: 10px; + right: 0; bottom: 35px; - - @media (max-width: $checkout1024px) { - right: 0; - } + width: 100%; a { background: $color-gray3; mix-blend-mode: normal; @@ -1445,6 +1437,10 @@ p.PaymentCardHolderDocument.input.text.required.mask { color: #58595b; margin-bottom: 12px; text-align: center; + display: flex; + align-items: center; + justify-content: center; + height: 25.62px; @media (min-width: $checkout2500px) { padding: 13px 94px; width: 216.1px; @@ -1484,16 +1480,39 @@ p.PaymentCardHolderDocument.input.text.required.mask { .steps-view { width: 55.9%; + max-height: 292px; + padding: 13.5px; @media (min-width: $checkout2500px) { - width: 57.6%; + width: 59.105%; + min-height: 594.59px; } @media (max-width: $checkout1024px) { width: 96.5%; + height: auto; + max-height: none; } } +.link-gift-card { + @media (max-width: $checkout1024px) { + left: 0; + margin-top: 0; + position: relative; + top: 25px; + } +} + +.cart-template .cart-fixed.affix{ + position: static !important; + height: auto !important; +} + .payment-group-item { - width: 95.91%; + width: 80.05%; + @media (max-width: $checkout1024px) { + margin-left: 0; + width: 95.15%; + } } ul.cart-items.unstyled.clearfix { @@ -1506,6 +1525,8 @@ li.hproduct.item.muted { bottom: 0; } +#payment-group-MercadoPagoPaymentGroup .payment-group-item-text, +#payment-group-instantPaymentPaymentGroup[data-name="Pix"] .payment-group-item-text, #payment-group-bankInvoicePaymentGroup .payment-group-item-text, #payment-group-creditCardPaymentGroup .payment-group-item-text { background-image: none; -- 2.34.1