From 79e601cb226e68f2f4158cb754e3bccf698b7650 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= Date: Sun, 10 Dec 2017 18:38:12 +0100 Subject: [PATCH] style: animate revealer (#20555) --- gadjo/static/css/_forms.scss | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/gadjo/static/css/_forms.scss b/gadjo/static/css/_forms.scss index 22dae6a..5d5e1a9 100644 --- a/gadjo/static/css/_forms.scss +++ b/gadjo/static/css/_forms.scss @@ -232,15 +232,16 @@ fieldset.gadjo-foldable legend.gadjo-foldable-widget { font-weight: bold; padding: 1ex 0 0; width: 100%; + position: relative; } fieldset.gadjo-foldable legend.gadjo-foldable-widget:after { - font-family: FontAwesome; - content: "\f106"; /* angle-up */ + content: "▼"; + transition: transform ease 0.1s; position: absolute; - right: 1em; + right: 0; } fieldset.gadjo-foldable.gadjo-folded legend.gadjo-foldable-widget:after { - content: "\f107"; /* angle-down */ + transform: rotate(-90deg); } fieldset.gadjo-foldable { padding: 1ex 0 0 0;