✨ Animation du loader dans les paramètres

PapillonApp · Jun 12, 2023 · 57210ec · 57210ec
1 parent 852e723
commit 57210ec
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/theme/theme.css b/src/theme/theme.css
@@ -545,6 +545,24 @@ ion-alert.md .btn_secondary {
     margin: 5px 16px;
 }
 
+.ElemScale-enter-active {
+    transition: 0.2s cubic-bezier(.5,0,0,1);
+}
+
+.ElemScale-leave-active {
+    transition: 0.2s cubic-bezier(.5,0,0,1);
+}
+
+.ElemScale-enter-from, .ElemScale-leave-to {
+    opacity: 0;
+    transform: scale(0.7);
+
+    width: 0;
+    height: 0;
+    margin: 0;
+    padding: 0;
+}
+
 /* links */
 a.inherit {
     color: inherit;

diff --git a/src/views/grades/GradesView.vue b/src/views/grades/GradesView.vue
@@ -445,7 +445,9 @@
 						</ion-select>
 					</div>
 
-					<ion-spinner v-if="isLoading"></ion-spinner>
+					<Transition name="ElemScale">
+						<ion-spinner v-if="isLoading"></ion-spinner>
+					</Transition>
 				</ion-buttons>
 			</IonToolbar>
 			<IonToolbar v-if="md">