Fix layout shift when liking a post on Android (#10190)
This commit is contained in:
@@ -582,7 +582,7 @@ function LightboxFooter({
|
||||
{altText ? (
|
||||
<View accessibilityRole="button" style={styles.footerText}>
|
||||
<Text
|
||||
style={[s.gray3]}
|
||||
style={{color: colors.gray3}}
|
||||
numberOfLines={isAltExpanded ? undefined : 3}
|
||||
selectable
|
||||
onPress={() => {
|
||||
|
||||
@@ -202,7 +202,7 @@ function ListItem({
|
||||
<View style={styles.listItemContent}>
|
||||
<Text
|
||||
type="lg"
|
||||
style={[s.bold, pal.text]}
|
||||
style={[{fontWeight: '600'}, pal.text]}
|
||||
numberOfLines={1}
|
||||
lineHeight={1.2}>
|
||||
{sanitizeDisplayName(list.name)}
|
||||
|
||||
@@ -272,7 +272,7 @@ let NotificationFeedItem = ({
|
||||
<HeartIconFilled
|
||||
size="xl"
|
||||
style={[
|
||||
s.likeColor,
|
||||
{color: t.palette.pink},
|
||||
// {position: 'relative', top: -4}
|
||||
]}
|
||||
/>
|
||||
|
||||
@@ -60,7 +60,7 @@ export function PostLoadingPlaceholder({
|
||||
},
|
||||
]}
|
||||
/>
|
||||
<View style={[s.flex1]}>
|
||||
<View style={[a.flex_1]}>
|
||||
<LoadingPlaceholder width={100} height={6} style={{marginBottom: 10}} />
|
||||
<LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} />
|
||||
<LoadingPlaceholder width="95%" height={6} style={{marginBottom: 8}} />
|
||||
@@ -238,7 +238,7 @@ export function FeedLoadingPlaceholder({
|
||||
height={36}
|
||||
style={[styles.avatar, {borderRadius: 8}]}
|
||||
/>
|
||||
<View style={[s.flex1]}>
|
||||
<View style={[a.flex_1]}>
|
||||
<LoadingPlaceholder width={100} height={8} style={[s.mt5, s.mb10]} />
|
||||
<LoadingPlaceholder width={120} height={8} />
|
||||
</View>
|
||||
|
||||
Reference in New Issue
Block a user