perf: only apply message animations on first 35 elements

This commit is contained in:
sethburkart123
2024-06-20 11:57:50 +10:00
parent eed15bc9c5
commit 7f99a5415d
+2 -1
View File
@@ -641,8 +641,9 @@ async function handleMessages(node: Element): Promise<void> {
if (!settingsState.animations) return; if (!settingsState.animations) return;
await waitForElm('[data-message]'); await waitForElm('[data-message]');
const messages = Array.from(document.querySelectorAll('[data-message]')).slice(0, 35);
animate( animate(
'[data-message]', messages,
{ opacity: [0, 1], y: [10, 0] }, { opacity: [0, 1], y: [10, 0] },
{ {
delay: stagger(0.05), delay: stagger(0.05),