Drop the top border for highlighted post

2024-01-25 20:27:19 +00:00
parent 23eca50aa7
commit ee02082f7c
1 changed files with 13 additions and 2 deletions
@@ -250,7 +250,13 @@ let PostThreadItemLoaded = ({

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