From 3892e1cee232c672eb6c748f806b5631e4181062 Mon Sep 17 00:00:00 2001 From: Sli Date: Mon, 2 Jun 2025 16:12:04 +0200 Subject: [PATCH] Add fade animation --- core/static/core/accordion.scss | 29 +++++++++++++++++++++++++++++ 1 file changed, 29 insertions(+) diff --git a/core/static/core/accordion.scss b/core/static/core/accordion.scss index 4a80d1dd..72f275e3 100644 --- a/core/static/core/accordion.scss +++ b/core/static/core/accordion.scss @@ -36,4 +36,33 @@ details.accordion>.accordion-content { border: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; +} + +@keyframes open { + 0% { + opacity: 0 + } + + 100% { + opacity: 1 + } +} + +/* closing animation */ +@keyframes close { + 0% { + opacity: 1 + } + + 100% { + opacity: 0 + } +} + +details[open].accordion summary~* { + animation: open 700ms; +} + +details::not([open]).accordion summary~* { + animation: open 700ms; } \ No newline at end of file