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

Prevent layout shift with align_start

Browse Source
This commit is contained in:
Eric Bailey
2025-08-27 10:58:14 -05:00
parent a8895a77a3
commit 1e3cfa6f2e
1 changed files with 52 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PostControls/index.tsx
+8 -1
View File
@@ -191,11 +191,14 @@ let PostControls = ({
a.justify_between, a.justify_between,
a.align_center, a.align_center,
!big && a.pt_2xs, !big && a.pt_2xs,
a.gap_md,
style, style,
]}> ]}>
<View style={[a.flex_row, a.justify_between, a.flex_1]}> <View style={[a.flex_row, a.flex_1]}>
<View <View
style={[ style={[
a.flex_1,
a.align_start,
{marginLeft: big ? -2 : -6}, {marginLeft: big ? -2 : -6},
replyDisabled ? {opacity: 0.5} : undefined, replyDisabled ? {opacity: 0.5} : undefined,
]}> ]}>
@@ -225,6 +228,7 @@ let PostControls = ({
)} )}
</PostControlButton> </PostControlButton>
</View> </View>
<View style={[a.flex_1, a.align_start]}>
<RepostButton <RepostButton
isReposted={!!post.viewer?.repost} isReposted={!!post.viewer?.repost}
repostCount={(post.repostCount ?? 0) + (post.quoteCount ?? 0)} repostCount={(post.repostCount ?? 0) + (post.quoteCount ?? 0)}
@@ -233,6 +237,8 @@ let PostControls = ({
big={big} big={big}
embeddingDisabled={Boolean(post.viewer?.embeddingDisabled)} embeddingDisabled={Boolean(post.viewer?.embeddingDisabled)}
/> />
</View>
<View style={[a.flex_1, a.align_start]}>
<PostControlButton <PostControlButton
testID="likeBtn" testID="likeBtn"
big={big} big={big}
@@ -272,6 +278,7 @@ let PostControls = ({
hasBeenToggled={hasLikeIconBeenToggled} hasBeenToggled={hasLikeIconBeenToggled}
/> />
</PostControlButton> </PostControlButton>
</View>
{/* Spacer! */} {/* Spacer! */}
<View /> <View />
</View> </View>