feat(news): add animations to news page

BetterSEQTA · Nov 29, 2024 · 88d4d3a · 88d4d3a
1 parent 5ed3a05
commit 88d4d3a
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/SEQTA.ts b/src/SEQTA.ts
@@ -2598,6 +2598,16 @@ export async function SendNewsPage() {
 
   // Single DOM update to append all articles
   newscontainer?.append(fragment)
+
+  if (!settingsState.animations) return;
+
+  const articles = Array.from(document.querySelectorAll('.NewsArticle'))
+
+  animate(
+    articles.slice(0, 20),
+    { opacity: [0, 1], y: [10, 0], scale: [0.99, 1] },
+    { delay: stagger(0.1), type: 'spring', stiffness: 341, damping: 20, mass: 1 }
+  )
 }
 
 async function CheckForMenuList() {