feature/footer #3

Merged
cainamilech merged 6 commits from feature/footer into develop 2022-12-19 02:35:55 +00:00
4 changed files with 31 additions and 4 deletions
Showing only changes of commit debff0f891 - Show all commits

View File

@ -2,7 +2,7 @@ Stack trace:
Frame Function Args Frame Function Args
000FFFFCD30 00210062B0E (0021028A770, 00210275E51, 00000000001, 000FFFFB710) 000FFFFCD30 00210062B0E (0021028A770, 00210275E51, 00000000001, 000FFFFB710)
000FFFFCD30 0021004846A (00210000000, 00200000000, 00000000000, 00000000001) 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 0021006E416 (00210045323, 00210358970, 00000000000, 0000000000D)
000FFFFCD30 0021006E429 (00210045170, 0021023D7E0, 002100448F2, 000FFFFC910) 000FFFFCD30 0021006E429 (00210045170, 0021023D7E0, 002100448F2, 000FFFFC910)
000FFFFCD30 002100713D4 (00000000013, 00000000001, 000FFFFC910, 00210278640) 000FFFFCD30 002100713D4 (00000000013, 00000000001, 000FFFFC910, 00210278640)

View File

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

View File

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

View File

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