From f18e818b410ffe749c069c53dc96c790e2b1cf7a Mon Sep 17 00:00:00 2001 From: theodab Date: Wed, 6 Mar 2024 01:06:08 -0800 Subject: [PATCH] fix(demo): Remove max height of demo config tabs (#6324) Each tab in the demo config had a max height of 1000px. That was not a problem previously, but the "streaming" config now has so many config values that it no longer fits into that limit. This PR removes that limit, by instead setting a max-height value of "fit-content". Unfortunately, doing that seems to break the open/close animation of the tabs, and makes it look kind of bad, so this also removes the animation entirely; it's better to have no animation than an ugly one. --- demo/demo.less | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) diff --git a/demo/demo.less b/demo/demo.less index 4a7aa8d888..b61fb6682c 100644 --- a/demo/demo.less +++ b/demo/demo.less @@ -568,16 +568,12 @@ footer .mdl-mega-footer__link-list { text-align: left; opacity: 0; max-height: 0; - transition: 0.3s ease-in-out; } .input-container-style-accordion.show { opacity: 1; - /* If the max-height is too high (e.g. set to 100%), the "sliding out" - * animation is too fast to make out with the eye. - * So give it a fixed maximum instead. */ - max-height: 1000px; + max-height: fit-content; } .input-header {