diff --git a/react/components/Html/styles.css b/react/components/Html/styles.css index 87194e8..0131dd6 100644 --- a/react/components/Html/styles.css +++ b/react/components/Html/styles.css @@ -24,3 +24,7 @@ [class*="html--productDescription"] { padding: 0 40px; } + +[class*="html--descriptionText"] { + width: 100%; +} diff --git a/styles/css/vtex.rich-text.css b/styles/css/vtex.rich-text.css index eb4c5eb..1668279 100644 --- a/styles/css/vtex.rich-text.css +++ b/styles/css/vtex.rich-text.css @@ -13,4 +13,10 @@ font-weight: 400; font-size: 24px; line-height: 38px; +} + +@media (max-width: 1024px) { + .headingLevel1--shelfTitleText { + margin-top: 32px; + } } \ No newline at end of file diff --git a/styles/css/vtex.tab-layout.css b/styles/css/vtex.tab-layout.css index d8dbad8..102cf7d 100644 --- a/styles/css/vtex.tab-layout.css +++ b/styles/css/vtex.tab-layout.css @@ -54,4 +54,26 @@ border-bottom: 2px solid #000000; border-radius: 0; 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; + } } \ No newline at end of file diff --git a/styles/sass/pages/product/vtex.rich-text.scss b/styles/sass/pages/product/vtex.rich-text.scss index c025edb..49f1389 100644 --- a/styles/sass/pages/product/vtex.rich-text.scss +++ b/styles/sass/pages/product/vtex.rich-text.scss @@ -4,3 +4,9 @@ font-size: 24px; line-height: 38px; } + +@media (max-width: 1024px) { + .headingLevel1--shelfTitleText { + margin-top: 32px; + } +} diff --git a/styles/sass/pages/product/vtex.tab-layout.scss b/styles/sass/pages/product/vtex.tab-layout.scss index 24a8c41..4014da8 100644 --- a/styles/sass/pages/product/vtex.tab-layout.scss +++ b/styles/sass/pages/product/vtex.tab-layout.scss @@ -45,3 +45,29 @@ border-radius: 0; 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; + } +}