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
This commit is contained in:
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,6 +194,7 @@ let PostCtrls = ({
</TouchableOpacity> </TouchableOpacity>
</View> </View>
{big ? undefined : ( {big ? undefined : (
<View style={styles.ctrl}>
<PostDropdownBtn <PostDropdownBtn
testID="postDropdownBtn" testID="postDropdownBtn"
postAuthor={post.author} postAuthor={post.author}
@ -204,9 +205,8 @@ let PostCtrls = ({
showAppealLabelItem={showAppealLabelItem} showAppealLabelItem={showAppealLabelItem}
style={styles.btnPad} style={styles.btnPad}
/> />
</View>
)} )}
{/* used for adding pad to the right side */}
<View />
</View> </View>
) )
} }