From e6a9bd38f1bdc2d39937333f6e177bd9f952be14 Mon Sep 17 00:00:00 2001
From: alistair3149 <alistair31494322@gmail.com>
Date: Sun, 1 May 2022 22:36:14 -0400
Subject: [PATCH] feat(core): add animation to preferences menu

---
 .../skins.citizen.preferences.less            | 27 ++++++++++---------
 1 file changed, 14 insertions(+), 13 deletions(-)

diff --git a/resources/skins.citizen.preferences/skins.citizen.preferences.less b/resources/skins.citizen.preferences/skins.citizen.preferences.less
index 1cd851c4..780d870b 100644
--- a/resources/skins.citizen.preferences/skins.citizen.preferences.less
+++ b/resources/skins.citizen.preferences/skins.citizen.preferences.less
@@ -39,6 +39,16 @@
 		right: var( --padding-page );
 		left: var( --padding-page );
 		.citizen-card;
+		.citizen-card-hide( 100% 0 );
+		.citizen-card-transition();
+
+		&.citizen-pref-panel--active {
+			.citizen-card-show;
+
+			> * {
+				.citizen-card-content-show;
+			}
+		}
 
 		fieldset {
 			padding: 10px var( --padding-page );
@@ -51,6 +61,10 @@
 		input {
 			width: 100%;
 		}
+
+		> * {
+			opacity: 0;
+		}
 	}
 
 	&-theme {
@@ -110,19 +124,6 @@
 }
 
 .citizen-pref {
-	&-panel {
-		opacity: 0;
-		pointer-events: none;
-		transition: @transition-opacity;
-		visibility: hidden;
-
-		&--active {
-			opacity: 1;
-			pointer-events: auto;
-			visibility: visible;
-		}
-	}
-
 	&-item {
 		display: flex;
 		flex-wrap: wrap;