Add fade animation

2025-11-03 18:43:04 +00:00 · 2025-06-02 16:12:04 +02:00
parent c10b488080
commit 3892e1cee2
1 changed files with 29 additions and 0 deletions
--- 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;
 }