diff --git a/landing/keyserver-faq.css b/landing/keyserver-faq.css --- a/landing/keyserver-faq.css +++ b/landing/keyserver-faq.css @@ -34,6 +34,13 @@ .icon { margin-left: 24px; + transform: rotate(0deg); + transition: transform 500ms; +} + +.activeIcon { + transform: rotate(180deg); + transition: transform 500ms; } .answerContainer { diff --git a/landing/keyserver-faq.react.js b/landing/keyserver-faq.react.js --- a/landing/keyserver-faq.react.js +++ b/landing/keyserver-faq.react.js @@ -37,6 +37,11 @@ [css.activeAnswerContainer]: activeFAQIndex === index, }); + const iconClassName = classNames({ + [css.icon]: true, + [css.activeIcon]: activeFAQIndex === index, + }); + return (
{faq.question}