From 0405644b2d4a9c86191ceb0423a1077b19f69681 Mon Sep 17 00:00:00 2001 From: Michael Esteban Date: Tue, 5 Jan 2021 12:06:33 +1000 Subject: [PATCH] add transitions to faq answers --- src/assets/css/_css/faq.less | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/src/assets/css/_css/faq.less b/src/assets/css/_css/faq.less index d6375cebf4..d43cba1ff8 100644 --- a/src/assets/css/_css/faq.less +++ b/src/assets/css/_css/faq.less @@ -68,13 +68,15 @@ opacity: 0; margin-bottom: 0; margin-top: 0; - display: none; + overflow: hidden; + transition: height 0ms 400ms, opacity 400ms 0ms; &.show { opacity: 1; max-height: 800px; margin-bottom: 1.0875rem; - display: block; + overflow: visible; + transition: height 0ms 0ms, opacity 600ms 0ms; } } @@ -82,13 +84,14 @@ max-height: 0; opacity: 0; margin: 0; - display: none; + overflow: hidden; + transition: height 0ms 400ms, opacity 400ms 0ms; &.show { opacity: 1; max-height: 400px; margin-bottom: 1.0875rem; - display: block; + transition: height 0ms 0ms, opacity 600ms 0ms; } } }