do not limit expandable rows in height

In some cases max-height of a sub-row needs to be more than 1000px. I tried setting `max-height: max-content`, but the expansion animation was not smooth, so instead added a two step animation -- to 1000px at 90%, and to `max-content` at 100%. Fixes #3854
elastic · Aug 18, 2020 · 0a560d5 · 0a560d5
1 parent faeaabf
commit 0a560d5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/components/table/_table.scss b/src/components/table/_table.scss
@@ -225,10 +225,12 @@
   0% {
     max-height: 0;
   }
-
-  100% {
+  90% {
     max-height: 1000px;
   }
+  100% {
+    max-height: max-content;
+  }
 }
 
 .euiTableRow-isClickable {