Rafael_Sampaio_de_Oliveira/challenge-vtex-io-rafael-sampaio
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feat: adiciona descrição 1024px' (#24) from feature/adiciona-descricao-1024px into development

Browse Source 
Reviewed-on: #24
This commit is contained in:
Rafael Sampaio de Oliveira 2023-02-02 13:06:00 +00:00
commit 3692b9136b
5 changed files with 64 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -24,3 +24,7 @@
[class*="html--productDescription"] { [class*="html--productDescription"] {
padding: 0 40px; padding: 0 40px;
} }
[class*="html--descriptionText"] {
width: 100%;
}

6
styles/css/vtex.rich-text.css
View File

@ -14,3 +14,9 @@
font-size: 24px; font-size: 24px;
line-height: 38px; line-height: 38px;
} }
@media (max-width: 1024px) {
.headingLevel1--shelfTitleText {
margin-top: 32px;
}
}

22
styles/css/vtex.tab-layout.css
View File

@ -55,3 +55,25 @@
border-radius: 0; border-radius: 0;
text-transform: capitalize; text-transform: capitalize;
} }
@media (max-width: 1024px) {
.listContainer {
flex-direction: column;
border-top: 1px solid #bfbfbf;
}
.listItem :global(.vtex-button) {
display: flex;
width: 100%;
}
.listItem :global(.vtex-button__label) {
padding: 0;
}
.listItemActive :global(.vtex-button) {
border: none;
}
.contentItem {
flex-direction: column;
margin-top: 15px;
gap: 16px;
}
}

6
styles/sass/pages/product/vtex.rich-text.scss
View File

@ -4,3 +4,9 @@
font-size: 24px; font-size: 24px;
line-height: 38px; line-height: 38px;
} }
@media (max-width: 1024px) {
.headingLevel1--shelfTitleText {
margin-top: 32px;
}
}

26
styles/sass/pages/product/vtex.tab-layout.scss
View File

@ -45,3 +45,29 @@
border-radius: 0; border-radius: 0;
text-transform: capitalize; text-transform: capitalize;
} }
@media (max-width: 1024px) {
.listContainer {
flex-direction: column;
border-top: 1px solid $color-gray10;
}
.listItem :global(.vtex-button) {
display: flex;
width: 100%;
}
.listItem :global(.vtex-button__label) {
padding: 0;
}
.listItemActive :global(.vtex-button) {
border: none;
}
.contentItem {
flex-direction: column;
margin-top: 15px;
gap: 16px;
}
}