BernardoWaldhelm/challenge-vtex-io-bernardo-waldhelm
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(product): removendo share dos products e corrigindo quebra de tabela de cep no mobile

Browse Source
This commit is contained in:
Bernardo Cunha Ernani Waldhelm 2023-01-26 21:46:07 -03:00
parent 2c5a29d4f7
commit d6bd6c9dd2
3 changed files with 32 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
store/blocks/pdp/product.jsonc
View File

@ -121,8 +121,8 @@
// "product-gifts",
// "flex-layout.row#buy-button",
"availability-subscriber",
"html#shipping-simulator",
"share#default"
"html#shipping-simulator"
// "share#default"
]
},

16
styles/css/vtex.store-components.css
View File

@ -290,6 +290,11 @@
border: 1px solid #CCC;
border-radius: 0;
}
@media (max-width: 360) and (min-width: 280px) {
.shippingContainer :global(.vtex-address-form-4-x-input) {
width: 100px;
}
}
.shippingContainer :global(.vtex-input__suffix) {
display: none;
}
@ -350,6 +355,7 @@
@media (min-width: 280px) and (max-width: 768px) {
.shippingTable {
width: 100%;
margin: 32px 0 0;
}
}
.shippingTable .shippingTableHead {
@ -360,6 +366,11 @@
grid-template-columns: repeat(3, 33.3%);
grid-template-areas: "entrega frete prazo";
}
@media (min-width: 280px) and (max-width: 768px) {
.shippingTable .shippingTableHead .shippingTableRow {
grid-template-columns: repeat(3, 1fr);
}
}
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName,
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate,
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
@ -401,6 +412,11 @@
column-gap: 32px;
margin-top: 15px;
}
@media (min-width: 280px) and (max-width: 768px) {
.shippingTable .shippingTableBody .shippingTableRow {
grid-template-columns: repeat(3, 1fr);
}
}
.shippingTable .shippingTableBody .shippingTableRow .shippingTableCellDeliveryName {
grid-area: entrega;
}

14
styles/sass/pages/product/vtex.store-components.scss
View File

@ -315,6 +315,10 @@
padding: 16px;
border: 1px solid #CCC;
border-radius: 0;
@media (max-width:360) and (min-width: 280px) {
width: 100px;
}
}
:global(.vtex-input__suffix) {
@ -383,6 +387,7 @@
@media #{$mq-mobile}{
width: 100%;
margin: 32px 0 0;
}
.shippingTableHead {
@ -392,6 +397,10 @@
grid-template-columns: repeat(3, 33.3%);
grid-template-areas: "entrega frete prazo";
@media #{$mq-mobile}{
grid-template-columns: repeat(3, 1fr);
}
.shippingTableHeadDeliveryName,
.shippingTableHeadDeliveryEstimate,
.shippingTableHeadDeliveryPrice {
@ -436,6 +445,11 @@
grid-template-areas: "entrega valor prazo";
column-gap: 32px;
margin-top: 15px;
@media #{$mq-mobile}{
grid-template-columns: repeat(3, 1fr);
}
.shippingTableCellDeliveryName {
grid-area: entrega;
}