anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: substituindo texto valor por frete na área do resultado do frete

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-01-26 21:13:46 -03:00
parent 72007725ff
commit 0332eaa5e5
2 changed files with 37 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -286,6 +286,8 @@
.shippingTable .shippingTableHead .shippingTableRow { .shippingTable .shippingTableHead .shippingTableRow {
display: grid; display: grid;
grid-template-columns: repeat(3, 16.36%); grid-template-columns: repeat(3, 16.36%);
grid-template-areas: "A B C";
column-gap: 32px;
} }
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName, .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName,
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate, .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate,
@ -299,9 +301,24 @@
} }
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName { .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryName {
text-align: left; text-align: left;
grid-area: A;
}
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryEstimate {
grid-area: C;
text-align: left;
} }
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice { .shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice {
text-align: right; text-align: left;
grid-area: B;
font-size: 0;
}
.shippingTable .shippingTableHead .shippingTableRow .shippingTableHeadDeliveryPrice::after {
content: "frete";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #202020;
text-transform: uppercase;
} }
.shippingTable .shippingTableBody .shippingTableRow { .shippingTable .shippingTableBody .shippingTableRow {
display: grid; display: grid;

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

@ -290,6 +290,8 @@
.shippingTableRow { .shippingTableRow {
display: grid; display: grid;
grid-template-columns: repeat(3, 16.36%); grid-template-columns: repeat(3, 16.36%);
grid-template-areas: "A B C";
column-gap: 32px;
.shippingTableHeadDeliveryName, .shippingTableHeadDeliveryName,
.shippingTableHeadDeliveryEstimate, .shippingTableHeadDeliveryEstimate,
.shippingTableHeadDeliveryPrice { .shippingTableHeadDeliveryPrice {
@ -302,9 +304,24 @@
} }
.shippingTableHeadDeliveryName { .shippingTableHeadDeliveryName {
text-align: left; text-align: left;
grid-area: A;
}
.shippingTableHeadDeliveryEstimate {
grid-area: C;
text-align: left;
} }
.shippingTableHeadDeliveryPrice { .shippingTableHeadDeliveryPrice {
text-align: right; text-align: left;
grid-area: B;
font-size: 0;
}
.shippingTableHeadDeliveryPrice::after{
content: "frete";
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #202020;
text-transform: uppercase;
} }
} }
} }
@ -350,7 +367,7 @@
max-height: unset; max-height: unset;
left: 6.9%; left: 6.9%;
position: relative; position: relative;
& .productImageTag--image-description--main{ & .productImageTag--image-description--main {
max-height: unset !important; max-height: unset !important;
} }
} }