From 156da6c30a186a35699e64aee6cc4e98f1f7b1f7 Mon Sep 17 00:00:00 2001
From: Yasoob Khalid <hi@yasoob.me>
Date: Tue, 17 May 2022 10:42:05 +0500
Subject: [PATCH] triggering the animation once images are loaded. Wasn't
 playing correctly on safari earlier

---
 docs/assets/style.css | 3 +++
 docs/home.html        | 1 +
 2 files changed, 4 insertions(+)

diff --git a/docs/assets/style.css b/docs/assets/style.css
index ad0fcfa31..fa635d00f 100644
--- a/docs/assets/style.css
+++ b/docs/assets/style.css
@@ -540,6 +540,9 @@ section.supportus {
 
 .avatar-row {
   width: max-content;
+}
+
+.infinite-scroll {
   animation: 48s linear 0s infinite normal none running scroll;
 }
 
diff --git a/docs/home.html b/docs/home.html
index c9ccb9e43..b67c6bac7 100644
--- a/docs/home.html
+++ b/docs/home.html
@@ -696,6 +696,7 @@
             for (let count = 0; count < rowCount; count++) {
                 const splicedArray = supporterArrays.splice(0, rowItemCount);
                 avatarRows[count].innerHTML = splicedArray.join('') + splicedArray.join('');
+                avatarRows[count].classList.add('infinite-scroll');
             }
 
             initializeTooltips("tooltip");