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

View File

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

View File

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