SavioCarvalhoMoraes/m3-academy-template-checkout-savio-carvalho-moraes
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(body): Trocando os estilos do carrinho

Browse Source
This commit is contained in:
Savio Carvalho Moraes 2022-12-16 20:11:04 -03:00
parent 194d9ddbc6
commit e225f3d8ea
3 changed files with 633 additions and 598 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -16,6 +16,8 @@ export default class Footer {
await this.renderIconsDeveloped();
this.trocaTitle();
this.trocaFrete();
this.trocaUnidade();
}
async selectors() {
@ -29,6 +31,8 @@ export default class Footer {
this.subTitleCart = await waitElement(".empty-cart-message");
this.buttonCart = await waitElement("#cart-choose-products");
this.prateleiraInfoCards = await waitElement(".footerCheckout__prateleira");
this.freteCarrinho = await waitElement(".shipping-date");
this.unidadeCarrinho = await waitElement(".product-price");
}
onUpdate() {
@ -126,4 +130,10 @@ export default class Footer {
this.subTitleCart.innerHTML = `<p></p>`;
this.buttonCart.innerHTML = `Continuar comprando`;
}
trocaFrete() {
this.freteCarrinho.innerHTML = `Frete`;
}
trocaUnidade() {
this.unidadeCarrinho.innerHTML = `Unidade`;
}
}

31
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

@ -111,10 +111,11 @@
}
th {
font-family: $font-family-secundary;
color: $color-black;
padding: 0 0 16px;
font-style: normal;
font-weight: bold;
font-weight: normal;
font-size: 14px;
line-height: 16px;
@ -147,15 +148,12 @@
}
}
.product-name {
padding-right: 0;
@include mq(lg, max) {
width: 250px;
}
a {
color: $color-blue;
color: #000;
font-style: normal;
font-weight: normal;
font-size: 12px;
@ -163,7 +161,7 @@
transition: ease-in 0.22s all;
&:hover {
color: darken($color-blue, 10);
color: darken($color-black, 10);
text-decoration: none;
}
@ -242,6 +240,7 @@
margin: 0 !important;
padding: 8px 0;
width: 38px;
font-family: $font-family-secundary;
color: $color-gray2;
box-shadow: none;
@ -262,15 +261,15 @@
.icon-minus-sign {
&:before {
content: "-";
font-size: 16px;
color: $color-blue-300;
font-size: 20px;
}
}
.icon-plus-sign {
&:before {
content: "+";
font-size: 14px;
font-size: 20px;
color: $color-blue-300;
}
}
@ -296,11 +295,16 @@
display: none;
}
span {
font-family: $font-family-secundary;
font-style: normal;
font-weight: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: $color-black;
text-transform: lowercase;
}
.total-selling-price {
text-transform: uppercase;
}
}
@ -597,6 +601,8 @@
.coupon-data {
#cart-link-coupon-add {
text-decoration: none;
font-family: $font-family-secundary;
&:hover {
text-decoration: underline;
cursor: pointer;
@ -608,7 +614,7 @@
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: $color-blue;
color: #000;
text-decoration: none;
}
}
@ -809,4 +815,3 @@
}
}
}
}

22
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -198,7 +198,27 @@
}
}
}
/*Cart*/
.cart-items th {
font-family: $font-family-secundary !important;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: $color-black;
}
.cart-template .cart-items td.quantity .icon-plus-sign:before {
color: $color-blue-300;
}
/*
.product {
font-family: $font-family-secundary;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: $color-black;
}*/
/*CSS Body*/
.container-cart {
#cart-title {