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 controlszio/stable
parent
6149437c05
commit
b629fbdbb9
|
@ -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,
|
||||||
},
|
},
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue