acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Slightly improve web animation with opacity

Browse Source
This commit is contained in:
Eric Bailey
2026-06-10 12:09:30 -05:00
parent 34f7902bea
commit bf70c1dedc
1 changed files with 17 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/view/com/notifications/NotificationFeedItem.tsx
+3 -4
View File
@@ -1064,11 +1064,11 @@ function ExpandedAuthorsList({
: authors.length * (EXPANDED_AUTHOR_EL_HEIGHT + 10) /*10=margin*/ : authors.length * (EXPANDED_AUTHOR_EL_HEIGHT + 10) /*10=margin*/
const heightStyle = { const heightStyle = {
height: Animated.multiply(heightInterp, targetHeight), height: Animated.multiply(heightInterp, targetHeight),
opacity: Animated.divide(heightInterp, 1),
} }
return ( return (
<Animated.View style={[a.overflow_hidden, heightStyle]}> <Animated.View style={[a.overflow_hidden, heightStyle]}>
{visible ? ( {profileCardEnabled ? (
profileCardEnabled ? (
<View onLayout={onInnerLayout} style={[a.pt_sm, a.pb_md]}> <View onLayout={onInnerLayout} style={[a.pt_sm, a.pb_md]}>
{authors.map((author, i) => ( {authors.map((author, i) => (
<ExpandedAuthorProfileCard <ExpandedAuthorProfileCard
@@ -1083,8 +1083,7 @@ function ExpandedAuthorsList({
authors.map(author => ( authors.map(author => (
<ExpandedAuthorCard key={author.profile.did} author={author} /> <ExpandedAuthorCard key={author.profile.did} author={author} />
)) ))
) )}
) : null}
</Animated.View> </Animated.View>
) )
} }