From 1b4c2f3cd15dab01050d303745fa5b2ea6ecec87 Mon Sep 17 00:00:00 2001
From: Matthias Metelka <62722460+kleinerpirat@users.noreply.github.com>
Date: Wed, 2 Nov 2022 11:44:53 +0100
Subject: [PATCH] Fix fields not showing with reduce motion active (#2170)

* Fix fields not showing with reduce motion active

* Fix CSS selector
---
 ts/components/Collapsible.svelte | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/ts/components/Collapsible.svelte b/ts/components/Collapsible.svelte
index 128e1e3d6..ce85322ba 100644
--- a/ts/components/Collapsible.svelte
+++ b/ts/components/Collapsible.svelte
@@ -78,21 +78,13 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 {/if}
 
 <style lang="scss">
-    .collapsible.full-hide {
-        &.collapsed {
-            display: none;
-        }
-        &.transitioning {
-            display: initial;
-        }
-    }
-
     .collapsible.animated {
         &.measuring {
             display: unset;
             position: absolute;
             opacity: 0;
         }
+
         &.transitioning {
             overflow: hidden;
             height: var(--height);
@@ -100,5 +92,14 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
                 overflow: visible;
             }
         }
+
+        &.full-hide {
+            &.collapsed {
+                display: none;
+            }
+            &.transitioning {
+                display: initial;
+            }
+        }
     }
 </style>