Fix height of the content step

brunoosella · Nov 14, 2023 · 3c17b60 · 3c17b60
1 parent 3768ab5
commit 3c17b60
Showing 1 changed file with 13 additions and 14 deletions.
diff --git a/devias-web/src/Components/ItemStep/ItemStep.scss b/devias-web/src/Components/ItemStep/ItemStep.scss
@@ -54,10 +54,10 @@
 
   /* Content step */
   .container-step-description {
-    height: 0;
+    max-height: 0;
     border-top: 0;
     overflow: hidden;
-    transition: all .35s ease-in-out;
+    transition: max-height .35s ease-in-out;
 
     .step-description {
       color: #333;
@@ -66,19 +66,8 @@
     }
 
     &.show {
-      height: 150px;
-      display: flex;
+      max-height: 500px;
       border-top: 0.5px solid #9d9d9d40;
-
-      @media (max-width: 767px){
-        height: 130px;
-      }
-      @media (max-width: 575px){
-        height: 145px;
-      }
-      @media (max-width: 459px){
-        height: 190px;
-      }
     }
   }
 
@@ -96,6 +85,16 @@
   &.step-3 {
     border-right: 0;
     border-left: 0;
+  }
+
+  &.step-4 {
+    border-right: 0;
+    border-left: 0;
+  }
+
+  &.step-5 {
+    border-right: 0;
+    border-left: 0;
     border-bottom: 0;
   }
 }