From f065ee6ee70d07f576e524c912943913910d90b2 Mon Sep 17 00:00:00 2001
From: ueberjames <ueberjames@gmail.com>
Date: Fri, 16 Dec 2022 21:43:29 -0300
Subject: [PATCH]  faet(style) redirada da tag margin

---
 checkout/src/arquivos/js/components/Footer.js | 30 ++++++++++++-------
 .../sass/checkout/_checkout-carrinho.scss     | 22 ++++++++++----
 2 files changed, 36 insertions(+), 16 deletions(-)

diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js
index 9ef41ae..58cfced 100644
--- a/checkout/src/arquivos/js/components/Footer.js
+++ b/checkout/src/arquivos/js/components/Footer.js
@@ -4,16 +4,15 @@ import { waitElement } from "m3-utils";
 export default class Footer {
     constructor() {
         this.init();
-        this.mostraFooter();
-        this.addCarrossel();
+
     }
 
 
     async init() {
         await this.selectors();
+        this.onUpdate();
         this.mostraFooter();
         this.addCarrossel();
-        this.onUpdate();
         this.titles();
     }
 
@@ -25,6 +24,7 @@ export default class Footer {
         this.footerStamps = await waitElement(".footerCheckout__stamps");
         this.footerDevelopedBy = await waitElement(".footerCheckout__developedBy");
         this.checkoutVazio = await waitElement(".empty-cart-content");
+        this.cartTitulo =  await waitElement("#cart-title");
     }
 
     onUpdate() {
@@ -34,21 +34,29 @@ export default class Footer {
         let target = this.checkoutVazio;
         let config = { childList: true, attributes: true };
         let observer = new MutationObserver((mutations) => {
-            mutations.forEach(function (mutation) {
-
-                if(mutation.target.style.display === "none"){
-
-                    console.log("none")
-                }else{
-                    console.log("block")
+            mutations.forEach((mutation)=> {
+                const statu = mutation.target.attributes.style.nodeValue;
+                if(statu === 'display:none;'){
+                    this.cartTitulo.classList.remove('desativaSlick')
+                }else if(statu === 'display:block;'){
+                    this.cartTitulo.classList.add('desativaSlick')
                 }
-                console.log(mutation.type);
+
+                // if(mutation.target.style.display === "none"){
+
+                //     console.log("none")
+                // }else{
+                //     console.log("block")
+                // }
+                // console.log(mutation.type);
             });
         });
 
         observer.observe(target, config);
     }
 
+
+
     mostraFooter() {
         let pratileira = this.footerPratileira;
         pratileira.innerHTML = `
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index 30ab0a0..8deed4e 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -105,7 +105,7 @@
 
             .accordion-inner {
                 padding: 0;
-                margin: 0 0 0 50px;
+                margin: 0 0 0 5px;
             }
         }
 
@@ -124,7 +124,9 @@
         .summary-totalizers {
             td.info {
                 width: 100%;
+                padding: 50px 5px 0 0;
             }
+
         }
 
         #payment-data-submit {
@@ -331,7 +333,7 @@
 
             input {
                 background-color: $color-white;
-                border: 1px solid $color-gray3;
+                border: 1px solid transparent;
                 border-radius: 0;
                 border-width: 0 1px;
                 display: block;
@@ -354,13 +356,15 @@
                     display: block;
                     font-weight: 500;
                     padding: 1px 12px;
+
                 }
             }
 
             .icon-minus-sign {
                 &:before {
                     // content: "-";
-                    font-size: 16px;
+
+                    font-size: 20px;
                     color: $color-finalizar;
                 }
             }
@@ -368,7 +372,8 @@
             .icon-plus-sign {
                 &:before {
                     // content: "+";
-                    font-size: 14px;
+
+                    font-size: 20px;
                     color: $color-finalizar;
                 }
             }
@@ -873,7 +878,8 @@
                             font-style: normal;
                             font-weight: normal;
                             font-size: 14px;
-                            padding: 50px 17px 0 0;
+                            border-bottom: 1px solid #f4f4f4;
+                            // padding: 50px 5px 0 0;
 
                             @media (max-width: 1024px) {
                                 padding: 0 17px 10px 16px;
@@ -992,6 +998,10 @@
     }
 }
 
+.coupon-fieldset{
+    padding-top: 40px;
+}
+
 .item-remove{
 
     display: block;
@@ -1022,3 +1032,5 @@
 .vtex-shipping-preview-0-x-pc .ship-country {
     display: none;
 }
+
+.pull-left{display: none;}