collapsible: max-height only when overflow scroll

kyokan · Jul 27, 2022 · 4a4ac98 · 4a4ac98
1 parent 00f4c86
commit 4a4ac98
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/app/components/Collapsible/collapsible.scss b/app/components/Collapsible/collapsible.scss
@@ -35,20 +35,19 @@
 
   &__content {
     opacity: 1;
-    // padding: 1rem;
     position: relative;
-    max-height: 35rem;
     height: auto;
     transition: 0.5s ease-out;
 
     &--hidden {
       opacity: 0;
-      max-height: 0;
+      max-height: 0 !important;
       overflow: hidden;
       transition: 0.5s ease-out;
     }
 
     &--overflowY {
+      max-height: 35rem;
       overflow-y: auto;
     }
   }