cainamilech/m3-academy-template-checkout-caina-milech
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature/main #2

Merged
cainamilech merged 17 commits from feature/main into develop 2022-12-17 18:50:24 +00:00
Conversation 0 Commits 17 Files Changed 9 +149 -41
2 changed files with 149 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit c80f708597 - Show all commits

2
checkout/src/arquivos/js/components/Footer.js
View File

@ -21,7 +21,6 @@ export default class Footer {
//carrinho //carrinho
this.frete = await waitElement(".shipping-date"); this.frete = await waitElement(".shipping-date");
this.unidade = await waitElement(".product-price"); this.unidade = await waitElement(".product-price");
this.identificacao = await waitElement(".notice");
} }
carrinho() { carrinho() {
@ -29,7 +28,6 @@ export default class Footer {
this.continuarCompra.innerHTML = `continuar comprando`; this.continuarCompra.innerHTML = `continuar comprando`;
this.frete.innerHTML = `Frete`; this.frete.innerHTML = `Frete`;
this.unidade.innerHTML = `Unidade`; this.unidade.innerHTML = `Unidade`;
this.identificacao.innerHTML = `Identificação`;
} }
onUpdate() { onUpdate() {

188
checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
View File

@ -189,7 +189,7 @@ h1#orderform-title {
.accordion-heading { .accordion-heading {
span { span {
/*display: none;*/ display: flex;
font-family: $font-family-secundary; font-family: $font-family-secundary;
color: $color-black; color: $color-black;
font-style: normal; font-style: normal;
@ -201,7 +201,7 @@ h1#orderform-title {
i::before { i::before {
display: none; display: none;
fill: #303030; /*fill: #303030;*/
} }
} }
@ -232,6 +232,7 @@ h1#orderform-title {
/* General configurations */ /* General configurations */
.client-notice { .client-notice {
display: none;
font-family: $font-family-secundary; font-family: $font-family-secundary;
color: $color-black; color: $color-black;
font-style: normal; font-style: normal;
@ -413,49 +414,54 @@ h1#orderform-title {
} }
} }
.shipping-data {
position: relative;
.accordion-group {
&::before {
content: "";
display: flex;
width: 20.26px;
height: 20.89px;
background: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png")
no-repeat center center;
background-size: contain;
cursor: pointer;
position: absolute;
left: 90%;
}
}
}
.payment-data {
position: relative;
.accordion-group {
&::before {
content: "";
display: flex;
width: 20.26px;
height: 20.89px;
background: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png")
no-repeat center center;
background-size: contain;
cursor: pointer;
position: absolute;
left: 90%;
}
}
}
.client-profile-data { .client-profile-data {
.accordion-group { .accordion-group {
.accordion-heading { .accordion-heading {
span { span {
display: none; span {
font-size: 0;
&::before {
content: "Identificação";
font-size: 16px;
} }
} }
&::before { display: flex;
font-family: $font-family-secundary;
color: $color-black;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
margin-bottom: 14px;
padding: 0;
i::before {
display: none;
/*fill: #303030;*/
}
#edit-profile-data {
display: contents !important;
width: 20.26px !important;
height: 20.89px !important;
opacity: 0;
padding: 0;
color: unset;
font-size: 0;
i.icon-edit {
margin-left: auto;
background-size: contain;
width: 21px !important;
height: 21px !important;
background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
}
}
}
}
/*&::before {
content: ""; content: "";
display: flex; display: flex;
width: 20.26px; width: 20.26px;
@ -467,7 +473,7 @@ h1#orderform-title {
position: absolute; position: absolute;
left: 294px; left: 294px;
top: 8%; top: 8%;
} }*/
.checkbox { .checkbox {
padding: 0; padding: 0;
@ -483,6 +489,45 @@ h1#orderform-title {
} }
} }
.payment-data {
.payment-edit-link {
display: flex !important;
margin-left: auto;
.link-box-edit {
display: contents !important;
width: 20.26px !important;
height: 20.89px !important;
opacity: 0;
padding: 0;
color: unset;
font-size: 0;
i.icon-edit {
background-size: contain;
width: 21px !important;
height: 21px !important;
background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
}
}
}
/*position: relative;
.accordion-group {
&::before {
content: "";
display: flex;
width: 20.26px;
height: 20.89px;
background: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png")
no-repeat center center;
background-size: contain;
cursor: pointer;
position: absolute;
left: 90%;
}
}*/
}
.box-client-info-pj { .box-client-info-pj {
display: none; display: none;
} }
@ -490,4 +535,69 @@ h1#orderform-title {
.cart-fixed.affix-top.cart-fixed-transition { .cart-fixed.affix-top.cart-fixed-transition {
border: 1px solid red; border: 1px solid red;
margin-top: 10px;
padding: 24px 17px;
h2 {
padding: 0;
margin-bottom: 34px;
text-align: start;
font-family: $font-family-secundary;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: $color-black;
}
.cart {
padding: 0;
li {
display: flex;
a {
margin-right: 0;
width: 60px;
height: 60px;
img {
max-width: 60px;
height: 60px;
width: 60px;
object-fit: cover;
}
}
span.fn.product-name {
white-space: normal;
align-self: center;
padding: 0;
margin-left: 7px;
width: 115px;
margin-right: 53px;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: $color-black;
}
strong {
font-family: $font-family;
color: $color-black-500;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
}
}
}
#go-to-cart-button a {
font-family: $font-family;
color: $color-black-500;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
}
} }