From bf70c1dedc750d68c12d4073874de023a442e4d6 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Wed, 10 Jun 2026 12:09:30 -0500
Subject: [PATCH] Slightly improve web animation with opacity

---
 .../notifications/NotificationFeedItem.tsx    | 35 +++++++++----------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/view/com/notifications/NotificationFeedItem.tsx b/src/view/com/notifications/NotificationFeedItem.tsx
index 7b5d4e022b..7fc2dc2889 100644
--- a/src/view/com/notifications/NotificationFeedItem.tsx
+++ b/src/view/com/notifications/NotificationFeedItem.tsx
@@ -1064,27 +1064,26 @@ function ExpandedAuthorsList({
     : authors.length * (EXPANDED_AUTHOR_EL_HEIGHT + 10) /*10=margin*/
   const heightStyle = {
     height: Animated.multiply(heightInterp, targetHeight),
+    opacity: Animated.divide(heightInterp, 1),
   }
   return (
     <Animated.View style={[a.overflow_hidden, heightStyle]}>
-      {visible ? (
-        profileCardEnabled ? (
-          <View onLayout={onInnerLayout} style={[a.pt_sm, a.pb_md]}>
-            {authors.map((author, i) => (
-              <ExpandedAuthorProfileCard
-                key={author.profile.did}
-                author={author}
-                moderationOpts={moderationOpts}
-                isLast={i === authors.length - 1}
-              />
-            ))}
-          </View>
-        ) : (
-          authors.map(author => (
-            <ExpandedAuthorCard key={author.profile.did} author={author} />
-          ))
-        )
-      ) : null}
+      {profileCardEnabled ? (
+        <View onLayout={onInnerLayout} style={[a.pt_sm, a.pb_md]}>
+          {authors.map((author, i) => (
+            <ExpandedAuthorProfileCard
+              key={author.profile.did}
+              author={author}
+              moderationOpts={moderationOpts}
+              isLast={i === authors.length - 1}
+            />
+          ))}
+        </View>
+      ) : (
+        authors.map(author => (
+          <ExpandedAuthorCard key={author.profile.did} author={author} />
+        ))
+      )}
     </Animated.View>
   )
 }