fix thread double border (#1251)

This commit is contained in:
Eric Bailey 2023-08-22 12:49:03 -05:00 committed by GitHub
parent 09a445d804
commit 13c11801b9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 7 deletions

View file

@ -38,9 +38,11 @@ import {isDesktopWeb} from 'platform/detection'
export const PostThreadItem = observer(function PostThreadItem({
item,
onPostReply,
hasPrecedingItem,
}: {
item: PostThreadItemModel
onPostReply: () => void
hasPrecedingItem: boolean
}) {
const pal = usePalette('default')
const store = useStores()
@ -359,8 +361,7 @@ export const PostThreadItem = observer(function PostThreadItem({
styles.outer,
pal.border,
pal.view,
item._showParentReplyLine && styles.noTopBorder,
!item._showChildReplyLine && {borderBottomWidth: 1},
item._showParentReplyLine && hasPrecedingItem && styles.noTopBorder,
]}
moderation={item.moderation.content}>
<PostSandboxWarning />
@ -483,7 +484,7 @@ export const PostThreadItem = observer(function PostThreadItem({
<Link
style={[
styles.loadMore,
{borderBottomColor: pal.colors.border},
{borderTopColor: pal.colors.border},
pal.view,
]}
href={itemHref}
@ -600,7 +601,7 @@ const styles = StyleSheet.create({
loadMore: {
flexDirection: 'row',
justifyContent: 'space-between',
borderBottomWidth: 1,
borderTopWidth: 1,
paddingLeft: 80,
paddingRight: 20,
paddingVertical: 12,