SabrinaMiranda/challenge-vtex-io-sabrina-miranda
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

refactor: aplica mudanças no código

Browse Source
This commit is contained in:
Sabrina Miranda 2023-02-10 20:07:42 -03:00
parent 5bd615e4ca
commit bf9a47f521
12 changed files with 81 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -111,6 +111,7 @@
border-radius: 0;
display: block !important;
cursor: pointer;
}
[class*="html--product-quantity-cart-button"] button:hover {
color: #929292;
@ -134,6 +135,7 @@
position: absolute;
display: block !important;
cursor: pointer;
}
[class*="html--shipping-simulator"] button:hover {
filter: opacity(88%);
@ -256,7 +258,7 @@
}
[class*="html--newsletter"] {
padding: 64px 0 32px 0;
padding: 64px 0 0 0;
margin-top: 17px;
}
@media screen and (max-width: 768px) {
@ -303,9 +305,6 @@
[class*="html--newsletter"] button {
font-size: 14px;
line-height: 19px;
position: absolute;
right: 0;
top: -31px;
}
}
[class*="html--newsletter"] button:hover {

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

@ -23,19 +23,23 @@
"children": ["breadcrumb"]
},
//"html#specifications-title": {
// "props": {
// "tag": "div",
// "blockClass": "specifications-title"
// },
// "children": ["rich-text#specifications"]
//},
/*
"html#specifications-title": {
"props": {
"tag": "div",
"blockClass": "specifications-title"
},
"children": ["rich-text#specifications"]
},
*/
//"rich-text#specifications": {
// "props": {
// "text": "##### Product Specifications"
// }
//},
/*
"rich-text#specifications": {
"props": {
"text": "##### Product Specifications"
}
},
*/
"product-images#description": {
"props": {
@ -112,14 +116,14 @@
]
},
//"product-specification-badges": {
// "props": {
// "specificationGroupName": "Group",
// "specificationName": "On Sale",
// "visibleWhen": "True",
// "displayValue": "SPECIFICATION_NAME"
// }
//},
"product-specification-badges": {
"props": {
"specificationGroupName": "Group",
"specificationName": "On Sale",
"visibleWhen": "True",
"displayValue": "SPECIFICATION_NAME"
}
},
"html#stack": {
"props": {
@ -299,6 +303,7 @@
"children": ["availability-subscriber"]
},
/*
"share#default": {
"props": {
"social": {
@ -309,6 +314,7 @@
}
}
},
*/
"html#product-description": {
"props": {
@ -456,7 +462,8 @@
"infinite": true,
"showNavigationArrows": "always",
"blockClass": "carousel",
"showPaginationDots": "always" }
"showPaginationDots": "always"
}
},
"html#slider-layout-shelf": {

4
styles/css/vtex.breadcrumb.css
View File

@ -42,10 +42,8 @@
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
.container .link,
.container .term {
color: #929292;
cursor: pointer;
}
.container .link:hover,
.container .term:hover {

8
styles/css/vtex.minicart.css
View File

@ -11,4 +11,12 @@
background-color: #000000;
border-radius: 0;
border: none;
}
.minicartCheckoutButton :local(button):hover {
background-color: #000000;
filter: opacity(88%);
}
.minicartCheckoutButton :local(button):active {
background-color: #000000;
filter: opacity(100%);
}

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

@ -283,14 +283,10 @@
padding: 0;
border: none;
}
@media screen and (max-width: 1024px) {
.shippingTable {
margin-top: 32px;
}
}
@media screen and (max-width: 768px) {
.shippingTable {
padding-top: 16px;
margin-top: 24px;
}
}
@ -519,6 +515,16 @@
.inputGroup--newsletter-product {
border-bottom: 1px solid #929292 !important;
}
@media screen and (max-width: 639px) {
.inputGroup--newsletter-product {
justify-content: space-between;
display: flex;
}
}
.inputGroup--newsletter-product :local(label) {
display: flex;
align-items: center;
}
.newsletter--newsletter-product .container {
padding: 16px 0;

2
styles/css/vtex.store-footer.css
View File

@ -8,5 +8,5 @@
/* Media Query M3 */
/* Grid breakpoints */
.footerLayout {
padding: 0 16px !important;
padding: 32px 16px 0 16px !important;
}

3
styles/css/vtex.telemarketing.css
View File

@ -11,6 +11,7 @@
padding: 0 16px !important;
}
.container {
.container,
.wrapper {
background-color: #000000;
}

5
styles/sass/pages/product/vtex.breadcrumb.scss
View File

@ -32,11 +32,8 @@
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
.link,
.term {
color: #929292;
cursor: pointer;
&:hover {
color: #808080;

12
styles/sass/pages/product/vtex.minicart.scss
View File

@ -3,5 +3,15 @@
background-color: #000000;
border-radius: 0;
border: none;
&:hover {
background-color: #000000;
filter: opacity(88%);
}
&:active {
background-color: #000000;
filter: opacity(100%);
}
}
}
}

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

@ -298,11 +298,9 @@
padding: 0;
border: none;
@media screen and (max-width: 1024px) {
margin-top: 32px;
}
@media screen and (max-width: 768px) {
padding-top: 16px;
margin-top: 24px;
}
}
@ -531,6 +529,16 @@
.inputGroup--newsletter-product{
border-bottom: 1px solid #929292 !important;
@media screen and (max-width: 639px) {
justify-content: space-between;
display: flex;
}
:local(label) {
display: flex;
align-items: center;
}
}
.newsletter--newsletter-product {

2
styles/sass/pages/product/vtex.store-footer.scss
View File

@ -1,3 +1,3 @@
.footerLayout {
padding: 0 16px !important;
padding: 32px 16px 0 16px!important;
}

5
styles/sass/pages/product/vtex.telemarketing.scss
View File

@ -2,6 +2,7 @@
padding: 0 16px !important;
}
.container {
.container,
.wrapper {
background-color: #000000;
}
}