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

2
react/components/Html/styles.css
View File

@ -1,7 +1,7 @@
[class*="html--quantity-button-buy"] { [class*="html--quantity-button-buy"] {
display: flex; display: flex;
gap: 10px; gap: 10px;
} }

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

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

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

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

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

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

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

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

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

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