feat: Finaliza js footer

bash.exe.stackdump

@@ -2,7 +2,7 @@ Stack trace:
 Frame        Function    Args
 000FFFFCD30  00210062B0E (0021028A770, 00210275E51, 00000000001, 000FFFFB710)
 000FFFFCD30  0021004846A (00210000000, 00200000000, 00000000000, 00000000001)
-000FFFFCD30  002100484A2 (00000690000, 00000690101, 00000000001, 726D3BFB8C2D)
+000FFFFCD30  002100484A2 (00000780000, 00000780101, 00000000001, E9C64E3ED582)
 000FFFFCD30  0021006E416 (00210045323, 00210358970, 00000000000, 0000000000D)
 000FFFFCD30  0021006E429 (00210045170, 0021023D7E0, 002100448F2, 000FFFFC910)
 000FFFFCD30  002100713D4 (00000000013, 00000000001, 000FFFFC910, 00210278640)

checkout/src/arquivos/js/components/Footer.js

@@ -8,8 +8,10 @@ export default class Footer {
     async init() {
         await this.selectors();
         await this.carrinho();
-        this.prateleira();
+        this.renderPrateleira();
         this.onUpdate();
+        //this.prateleira();
+        //this.onUpdate();
     }
 
     async selectors() {
@@ -121,6 +123,13 @@ export default class Footer {
         observer.observe(target, config);
     }
 
+    async renderPrateleira() {
+        if (window.location.hash == "#/cart") {
+            this.onUpdate();
+            this.prateleira();
+        }
+    }
+
     carrinho() {
         this.title.innerHTML = ``;
         this.fraseCarrinhoVazio.innerHTML = `seu carrinho está vazio`;

checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss

@@ -385,6 +385,7 @@ h1#orderform-title {
                 }
 
                 .address-summary {
+                    position: relative;
                     background: url("https://agenciamagma.vteximg.com.br/arquivos/homeM3Academy.png")
                         no-repeat;
                     background-size: 21.25px 20.07px;
@@ -393,13 +394,16 @@ h1#orderform-title {
                     border-color: $color-gray4;
                     border-radius: 0;
                     color: #303030;
-                    padding: 12px 12px 12px 43px;
+                    padding: 12px 55px 12px 43px;
 
                     @include mq(md, max) {
                         background-position: 8px 9px;
                     }
 
                     a {
+                        position: absolute;
+                        right: 13px;
+                        bottom: 14px;
                         font-style: normal;
                         font-weight: 400;
                         font-size: 12px;
@@ -435,6 +439,12 @@ h1#orderform-title {
                 .vtex-omnishipping-1-x-deliveryOptionActive {
                     text-shadow: 1.3px 1px lighten($color-black, 50);
                 }
+
+                .vtex-omnishipping-1-x-addressSummaryActive {
+                    :nth-child(6) {
+                        display: none;
+                    }
+                }
             }
         }
     }

checkout/src/arquivos/sass/partials/_footer.scss

@@ -2,6 +2,7 @@
 .footerCheckout {
     border-top: none;
     color: $color-gray2;
+    display: contents; /*testar*/
 
     &__wrapper {
         border-top: 1px solid $color-black-500;
@@ -9,6 +10,7 @@
         align-items: center;
         display: flex;
         justify-content: space-between;
+        margin-top: 0;
 
         .container {
             /*width: 91.40625%;*/
@@ -21,6 +23,7 @@
     }
 
     &__address {
+        margin-right: auto;
         font-family: $font-family;
         font-style: normal;
         font-weight: 400;
@@ -93,10 +96,10 @@
     }
 
     &__developedBy {
+        margin: 0 0 0 auto;
         align-items: center;
         display: flex;
         list-style-type: none;
-        margin: 0;
 
         li:last-child {
             margin-left: 10.73px;
@@ -119,6 +122,11 @@
 
             span {
                 margin-right: 10px;
+                font-style: normal;
+                font-weight: 400;
+                font-size: 9px;
+                line-height: 12px;
+                color: $color-black;
             }
 
             figure {