AdilsonFernandoNevesOrnellas/challenge-vtex-io-Adilson-Fernando-Neves-Ornellas
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

hotfix: descrição do product muito coloda no border-bottom em mobile consertada e colocando adicionando a props "collapseContent: false" para não aparecer o button de ver menos

Browse Source
This commit is contained in:
Adilson Fernando Neves Ornellas 2023-02-07 16:18:27 -03:00
parent 4091ee675b
commit 8df56116f5
3 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -438,7 +438,8 @@
}, },
"product-description": { "product-description": {
"props": { "props": {
"blockClass": "description" "blockClass": "description",
"collapseContent": false
} }
}, },
"rich-text#titleSlick": { "rich-text#titleSlick": {

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

@ -515,11 +515,17 @@
margin-right: 0; margin-right: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.subscriberContainer .form .content .inputName :global(.vtex-input-prefix__group) {
border-radius: 0;
}
.subscriberContainer .form .content .inputEmail { .subscriberContainer .form .content .inputEmail {
grid-area: email; grid-area: email;
margin-right: 0; margin-right: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.subscriberContainer .form .content .inputEmail :global(.vtex-input-prefix__group) {
border-radius: 0;
}
.subscriberContainer .form .content .submit { .subscriberContainer .form .content .submit {
grid-area: submit; grid-area: submit;
} }
@ -527,6 +533,7 @@
width: 100%; width: 100%;
height: 49px; height: 49px;
border: 0; border: 0;
border-radius: 0;
background-color: #000000; background-color: #000000;
} }
.subscriberContainer .form .content .submit :global(.vtex-button__label) { .subscriberContainer .form .content .submit :global(.vtex-button__label) {
@ -541,4 +548,10 @@
line-height: 25px; line-height: 25px;
text-transform: uppercase; text-transform: uppercase;
color: #ffffff; color: #ffffff;
}
@media (max-width: 1024px) {
.productDescriptionText--description {
padding-bottom: 16px;
}
} }

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

@ -502,11 +502,17 @@
grid-area: name; grid-area: name;
margin-right: 0; margin-right: 0;
margin-bottom: 0; margin-bottom: 0;
:global(.vtex-input-prefix__group){
border-radius: 0;
}
} }
.inputEmail { .inputEmail {
grid-area: email; grid-area: email;
margin-right: 0; margin-right: 0;
margin-bottom: 0; margin-bottom: 0;
:global(.vtex-input-prefix__group){
border-radius: 0;
}
} }
.submit { .submit {
grid-area: submit; grid-area: submit;
@ -514,6 +520,7 @@
width: 100%; width: 100%;
height: 49px; height: 49px;
border: 0; border: 0;
border-radius: 0;
background-color: #000000; background-color: #000000;
} }
:global(.vtex-button__label) { :global(.vtex-button__label) {
@ -533,3 +540,8 @@
} }
} }
} }
.productDescriptionText--description{
@media (max-width: 1024px) {
padding-bottom: 16px;
}
}