Page MenuHomePhabricator
Files F3408888

D8128.id29694.diff
No OneTemporary
Actions

D8128.id29694.diff
View Options

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
@@ -35,6 +35,11 @@
[css.activeAnswerContainer]: activeFAQIndex === index,
});
+ const iconClassName = classNames({
+ [css.icon]: true,
+ [css.activeIcon]: activeFAQIndex === index,
+ });
+
return (
<div
key={index}
@@ -45,7 +50,7 @@
<p className={questionClassName}>{faq.question}</p>
<FontAwesomeIcon
size="sm"
- className={css.icon}
+ className={iconClassName}
icon={faChevronDown}
/>
</div>

File Metadata

Mime Type
text/plain
Expires
Thu, Dec 5, 2:18 PM (17 h, 30 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2616109
Default Alt Text
D8128.id29694.diff (1 KB)

Event Timeline