ueberjames/challenge-vtex-io-ueber-james
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

(fix) flex direction column por flex direction colunm reverse

Browse Source
This commit is contained in:
Ueber James Santos 2023-02-08 11:51:49 -03:00
parent c2adfe1159
commit ee4cb0cbc3
6 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -274,7 +274,8 @@
"sku-selector": {
"props": {
"variationsSpacing": 3,
"showValueNameForImageVariation": true
"showValueNameForImageVariation": true,
"blockClass":"sku"
}
},

1
styles/css/vtex.flex-layout.css
View File

@ -21,6 +21,7 @@
width: 100%;
height: 49px;
margin: 0;
margin-left: 10px;
}
.flexRow--size-buy-button .flexRowContent--size-buy-button {
height: 49px;

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

@ -31,10 +31,9 @@
.skuSelectorContainer {
display: flex;
flex-direction: column;
flex-direction: column-reverse;
}
.skuSelectorContainer .skuSelectorSubcontainer--cor {
order: 2;
margin-bottom: 16px;
}
.skuSelectorContainer .skuSelectorSubcontainer--cor .skuSelectorName {
@ -84,7 +83,6 @@
border-radius: 30px;
}
.skuSelectorContainer .skuSelectorSubcontainer--tamanho .skuSelectorItemTextValue {
color: rgba(185, 185, 185, 0.6);
padding: 0;
margin: auto;
}
@ -101,11 +99,11 @@
height: 17px;
top: 11px;
}
.skuSelectorContainer .skuSelectorItem--skus--selected .skuSelectorItemTextValue--skus {
.skuSelectorContainer .skuSelectorItem--skus--selected .skuSelectorItemTextValue {
font-size: 14px;
line-height: 19px;
font-weight: 400;
color: #000000;
color: #000000 !important;
font-family: "Open Sans", sans-serif;
}

1
styles/sass/pages/product/vtex.flex-layout.scss
View File

@ -18,6 +18,7 @@
width: 100%;
height: 49px;
margin: 0;
margin-left: 10px;
.flexRowContent--size-buy-button {
height: 49px;
width: 100%;

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

@ -29,13 +29,13 @@
.skuSelectorContainer {
display: flex;
flex-direction: column;
flex-direction: column-reverse;
.skuSelectorSubcontainer--cor {
order: 2;
// order: 2;
margin-bottom: 16px;
@ -120,7 +120,7 @@
.skuSelectorItemTextValue {
color:rgba(185, 185, 185, 0.6);
padding: 0;
margin: auto;
}
@ -145,11 +145,12 @@
.skuSelectorItem--skus--selected {
.skuSelectorItemTextValue--skus {
.skuSelectorItemTextValue {
font-size: 14px;
line-height: 19px;
font-weight: 400;
color: $color-black2;
color: $color-black2 !important;
font-family: $font-open;