feat(description):removendo o 'ver mais'

react/components/Html/styles.css

@@ -58,7 +58,7 @@
 .html--pdp-productMain :global(.vtex-store-components-3-x-container){
   max-width: 100%;
 }
-@media screen and (max-width: 320px){
+@media screen and (max-width: 375px){
   .html--pdp-descriptions :global(.vtex-store-components-3-x-productImageTag){
     min-width: 100% !important;
     max-height: 100% !important;

store/blocks/pdp/product.jsonc

@@ -89,6 +89,11 @@
     },
     "children": ["product-images#description", "product-description"]
   },
+  "product-description":{
+    "props":{
+      "collapseContent":false
+    }
+  },
   "condition-layout.product#availability": {
     "props": {
       "conditions": [

styles/css/vtex.breadcrumb.css

@@ -13,7 +13,7 @@
   margin-right: auto;
   max-width: 96rem;
 }
-@media screen and (max-width: 64.0625em) {
+@media screen and (max-width: 1024px) {
   .container {
     padding: 0 0 0 10.67%;
   }

styles/css/vtex.flex-layout.css

@@ -29,13 +29,13 @@
   max-width: 526px;
 }
 
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 1024px) {
   .flexRowContent--menu-link,
   .flexRowContent--main-header {
     padding: 0 1rem;
   }
 }
-@media screen and (min-width: 80rem) {
+@media screen and (min-width: 1280px) {
   .flexRowContent--menu-link,
   .flexRowContent--main-header {
     padding: 0 0.25rem;

styles/css/vtex.product-summary.css

@@ -20,7 +20,7 @@
   opacity: 1;
 }
 
-@media screen and (max-width: 40em) {
+@media screen and (max-width: 1024px) {
   .container :global(.vtex-modal-layout-0-x-triggerContainer) {
     display: none;
   }

styles/css/vtex.store-components.css

@@ -90,19 +90,19 @@
 .carouselContainer .productImage {
   max-width: 85.238%;
 }
-@media screen and (min-width: 156.25em) {
+@media screen and (min-width: 1920px) {
   .carouselContainer .productImage {
     min-width: 904px;
     max-width: 100%;
   }
 }
-@media screen and (max-width: 64.0625em) {
+@media screen and (max-width: 1024px) {
   .carouselContainer .productImage {
     min-width: 296px;
     max-width: 100%;
   }
 }
-@media screen and (max-width: 23.375em) {
+@media screen and (max-width: 375px) {
   .carouselContainer .productImage {
     min-width: 0;
     max-width: 100%;
@@ -152,9 +152,6 @@
   width: 90px;
 }
 
-.productDescriptionContainer {
-  background: pink;
-}
 .productDescriptionContainer .productDescriptionTitle {
   font-family: "Open Sans", sans-serif;
   font-style: normal;

styles/css/vtex.store-video.css

@@ -4,7 +4,7 @@
   margin-top: 2%;
 }
 
-@media only screen and (min-width: 640px) {
+@media only screen and (min-width: 280px) {
   .videoContainer {
     height: 700px;
   }

styles/sass/pages/product/vtex.breadcrumb.scss

@@ -3,7 +3,7 @@
     margin-left: auto;
     margin-right: auto;
     max-width: 96rem;
-    @media screen and (max-width: 64.0625em){
+    @media screen and (max-width: 1024px){
       padding: 0 0 0 10.67%;
     }
     .term,.termArrow{

styles/sass/pages/product/vtex.flex-layout.scss

@@ -18,14 +18,14 @@
     }
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 1024px) {
   .flexRowContent--menu-link,
   .flexRowContent--main-header {
     padding: 0 1rem;
   }
 }
 
-@media screen and (min-width: 80rem) {
+@media screen and (min-width: 1280px) {
   .flexRowContent--menu-link,
   .flexRowContent--main-header {
     padding: 0 0.25rem;

styles/sass/pages/product/vtex.product-summary.scss

@@ -11,7 +11,7 @@
   opacity: 1;
 }
 
-@media screen and (max-width: 40em) {
+@media screen and (max-width: 1024px) {
   .container :global(.vtex-modal-layout-0-x-triggerContainer) {
     display: none;
   }

styles/sass/pages/product/vtex.store-components.scss

@@ -90,15 +90,15 @@
   padding: 0 40px 0;
   .productImage{
     max-width:85.238%;
-    @media screen and (min-width: 156.25em){
+    @media screen and (min-width: 1920px){
       min-width: 904px;
       max-width:100%;
     }
-    @media screen and (max-width: 64.0625em){
+    @media screen and (max-width: 1024px){
       min-width: 296px;
       max-width:100%;
     }
-    @media screen and (max-width: 23.375em){
+    @media screen and (max-width: 375px){
       min-width: 0;
       max-width:100%;
     }
@@ -143,7 +143,6 @@
   }
 }
 .productDescriptionContainer{
-  background: pink;
   .productDescriptionTitle{
     font-family: 'Open Sans',sans-serif;
     font-style: normal;

styles/sass/utils/_mixin.scss

@@ -24,7 +24,7 @@
         } //375px
     }
     @if $breakpoint == phone {
-        @media only screen and (max-width: 37.5em) {
+        @media only screen and (max-width:1024px) {
             @content;
         } //600px
     }
@@ -39,7 +39,7 @@
         } //1200px
     }
     @if $breakpoint == big-desktop {
-        @media only screen and (min-width: 112.5em) {
+        @media only screen and (min-width: 1900px) {
             @content;
         } //1800px
     }