From 832ef3449ba56b7821d5dfb3814181b5855804d2 Mon Sep 17 00:00:00 2001 From: devartes Date: Sun, 25 Dec 2022 09:54:47 -0300 Subject: [PATCH 1/3] =?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 | 46 +++++++++++++------ 1 file changed, 32 insertions(+), 14 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index 57a2b97..b0d767d 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -1073,7 +1073,7 @@ td.monetary { .cart-fixed.cart-fixed-transition.affix-top { height: auto; - height: 397px !important; + max-height: 397px; @media (max-width: $checkout1024px) { height: 395.02px !important; } @@ -1325,11 +1325,13 @@ a#force-shipping-fields { border: none; } -a#show-gift-card-group { - bottom: 35px; - position: relative !important; +.payment-group{ + @media (min-width: $checkout2500px) { + margin-top: 50px; + } } + span.accordion-toggle.collapsed.accordion-toggle-active span { font-family: "Tenor Sans"; font-style: normal; @@ -1370,8 +1372,6 @@ p.card-flags.active { } form.form-step.box-new.row-fluid { - top: 37px; - position: relative; @media (max-width: $checkout1024px) { top: 0; } @@ -1384,11 +1384,13 @@ form.form-step.box-new.row-fluid { line-height: 24px; letter-spacing: -0.01em; color: $color-gray7; - bottom: 37px; + top: 0; position: relative; @media (min-width: $checkout2500px) { font-size: 28px; line-height: 48px; + margin-bottom: 23px; + top: 16px; } @media (max-width: $checkout1024px) { top: 12px; @@ -1493,16 +1495,32 @@ p.PaymentCardHolderDocument.input.text.required.mask { } } -.link-gift-card { - @media (max-width: $checkout1024px) { - left: 0; - margin-top: 0; - position: relative; - top: 25px; + +a#show-gift-card-group { + bottom: 0; + position: relative !important; + @media (min-width: $checkout2500px) { + font-size: 28px; + line-height: 24px; } } -.cart-template .cart-fixed.affix{ +.link-gift-card { + margin: 0 auto 10px; + position: relative; + @media (max-width: $checkout1024px) { + margin-top: 0; + position: relative; + top: -4px; + left: 0; + } + @media (max-width: $checkout375px) { + top: -32px; + left: 0; + } +} + +.cart-template .cart-fixed.affix { position: static !important; height: auto !important; } -- 2.34.1 From ec8878f8267d91e0b0fb6ca770690cae0556b432 Mon Sep 17 00:00:00 2001 From: devartes Date: Sun, 25 Dec 2022 10:42:45 -0300 Subject: [PATCH 2/3] =?UTF-8?q?style:=20corre=C3=A7=C3=A3o=20de=20estilo?= =?UTF-8?q?=20na=20=C3=A1rea=20do=20meu=20carrinho=20e=20pagamento?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../sass/checkout/_checkout-autenticacao.scss | 3 ++ .../sass/checkout/_checkout-carrinho.scss | 51 +++++++++++++++---- 2 files changed, 43 insertions(+), 11 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index b0d767d..59a349b 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -711,6 +711,9 @@ p.notification { @media (max-width: $checkout1024px) { width: 93%; } + @media (max-width: 490px) { + width: 86%; + } @media (max-width: $checkout375px) { margin-left: 16px; margin-right: 16px; diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 66ede9d..2c00f83 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -31,6 +31,7 @@ justify-content: space-between; position: relative; flex-direction: column-reverse; + padding: 0 16px 16px; } @media (max-width: $checkout375px) { height: auto; @@ -132,9 +133,8 @@ .cart-items { .product-item { - padding: 16px 0; + padding: 16px 0 0; } - th { padding: 0 0 16px; font-family: "Tenor Sans"; @@ -244,7 +244,8 @@ @media (max-width: $checkout375px) { top: -2px; position: relative; - left: -72px; + left: 72px; + margin-left: 0; } } @@ -336,9 +337,14 @@ height: 34px; width: 99px; padding: 0; - + @media (max-width: 979px) and (min-width: 768px) { + left: 16px; + } @media (max-width: 490px) { margin-left: 84px !important; + left: 0; + top: auto; + margin-top: 0px; } @media (min-width: $checkout2500px) { min-width: 135px; @@ -351,7 +357,6 @@ @media (max-width: $checkout375px) { margin-left: 73px !important; } - input { background-color: $color-white; border-radius: 0; @@ -432,10 +437,10 @@ @media (max-width: 979px) and (min-width: 768px) { position: inherit; bottom: inherit; - left: inherit; + left: 8px; height: inherit; width: inherit; - top: inherit; + top: 8px; } @media (max-width: 490px) { @@ -1215,13 +1220,14 @@ } } -[class*="span"].pull-right, .row-fluid [class*="span"].pull-right{ +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { @media (max-width: $checkout1024px) { - float: none; + float: none; } @media (max-width: $checkout375px) { - float: none; - margin-left: 0; + float: none; + margin-left: 0; } } @@ -1370,6 +1376,12 @@ th.quantity { } } +td.product-name{ + @media (max-width: 490px){ + left: 0px !important; + } +} + .full-cart .cart table tbody tr td.product-name { padding-left: 16px; @media (max-width: $checkout375px) { @@ -1431,3 +1443,20 @@ th.product { margin: 0 20px; } } + +tr.product-item{ + @media (max-width: $checkout1024px) { + display: flex !important; + justify-content: space-between !important; + } + @media (max-width: 490px) { + min-height: 60px; + } +} + +th.item-remove { + @media (max-width: $checkout1024px) { + padding-bottom: 0px !important; + } + +} -- 2.34.1 From 257aa51913d090d88f0fab1098cde35839e0ede6 Mon Sep 17 00:00:00 2001 From: devartes Date: Sun, 25 Dec 2022 10:52:01 -0300 Subject: [PATCH 3/3] =?UTF-8?q?style(=5Fcheckout-carrinho.scss):=20corre?= =?UTF-8?q?=C3=A7=C3=A3o=20da=20posi=C3=A7=C3=A3o=20dos=20a#item-remove?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 2c00f83..5192eb8 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -484,14 +484,14 @@ display: none; } } - a#item-remove-2616 { + a#item-remove-2616,a#item-remove-2621 { @media (max-width: $checkout1024px) { - top: -31px; + top: -16px; position: relative; left: 12px; } @media (max-width: $checkout375px) { - top: 4px; + top: -9px; left: -3px; } } -- 2.34.1