Two UI tweaks after recent updates (#2647)

* Readd the top border to the highlighted post when a reply (revert #2628)

* Readd right pad to post controls
zio/stable
Paul Frazee 2024-01-26 12:09:52 -08:00 committed by GitHub
parent 6149437c05
commit b629fbdbb9
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 16 additions and 27 deletions

View File

@ -250,13 +250,7 @@ let PostThreadItemLoaded = ({
<View <View
testID={`postThreadItem-by-${post.author.handle}`} testID={`postThreadItem-by-${post.author.handle}`}
style={[ style={[styles.outer, styles.outerHighlighted, pal.border, pal.view]}
styles.outer,
styles.outerHighlighted,
rootUri === post.uri && styles.outerHighlightedRoot,
pal.border,
pal.view,
]}
accessible={false}> accessible={false}>
<PostSandboxWarning /> <PostSandboxWarning />
<View style={styles.layout}> <View style={styles.layout}>
@ -732,15 +726,10 @@ const useStyles = () => {
paddingLeft: 8, paddingLeft: 8,
}, },
outerHighlighted: { outerHighlighted: {
borderTopWidth: 0, paddingTop: 16,
paddingTop: 4,
paddingLeft: 8, paddingLeft: 8,
paddingRight: 8, paddingRight: 8,
}, },
outerHighlightedRoot: {
borderTopWidth: 1,
paddingTop: 16,
},
noTopBorder: { noTopBorder: {
borderTopWidth: 0, borderTopWidth: 0,
}, },

View File

@ -88,7 +88,7 @@ export function PostLoadingPlaceholder({
strokeWidth={3} strokeWidth={3}
/> />
</View> </View>
<View style={{width: 30, height: 30}} /> <View style={styles.postCtrl} />
</View> </View>
</View> </View>
</View> </View>

View File

@ -149,7 +149,7 @@ let PostCtrls = ({
) : undefined} ) : undefined}
</TouchableOpacity> </TouchableOpacity>
</View> </View>
<View style={[styles.ctrl]}> <View style={styles.ctrl}>
<RepostButton <RepostButton
big={big} big={big}
isReposted={!!post.viewer?.repost} isReposted={!!post.viewer?.repost}
@ -194,19 +194,19 @@ let PostCtrls = ({
</TouchableOpacity> </TouchableOpacity>
</View> </View>
{big ? undefined : ( {big ? undefined : (
<PostDropdownBtn <View style={styles.ctrl}>
testID="postDropdownBtn" <PostDropdownBtn
postAuthor={post.author} testID="postDropdownBtn"
postCid={post.cid} postAuthor={post.author}
postUri={post.uri} postCid={post.cid}
record={record} postUri={post.uri}
richText={richText} record={record}
showAppealLabelItem={showAppealLabelItem} richText={richText}
style={styles.btnPad} showAppealLabelItem={showAppealLabelItem}
/> style={styles.btnPad}
/>
</View>
)} )}
{/* used for adding pad to the right side */}
<View />
</View> </View>
) )
} }