pleroma-fe

commit: ba8598858b4a90d25b76a515dc6a9125d2809f9d
parent 17863f54fef4203365aa2b7ce58da3bb9bb3cc8c
Author: Tusooa Zhu <tusooa@kazv.moe>
Date:   Wed, 11 Aug 2021 00:49:38 -0400

Optimise thread ancestor borders

Diffstat:
M
src/components/conversation/conversation.vue
9
++++++++-

1 file changed, 8 insertions(+), 1 deletion(-)
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
@@ -220,7 +220,6 @@
     //border-left: 2px solid var(--border, $fallback--border);
   }
 
-  /* HACK: we want the border width to scale with the status *below it* */
   .conversation-status {
     border-bottom-width: 1px;
     border-bottom-style: solid;
@@ -229,10 +228,18 @@
   }
 
   .thread-ancestor-has-other-replies .conversation-status,
+  .thread-ancestor:last-child .conversation-status,
+  .thread-ancestor:last-child .thread-ancestor-dive-box,
   &.-expanded .thread-tree .conversation-status {
     border-bottom: none;
   }
 
+  .thread-ancestors + .thread-tree > .conversation-status {
+    border-top-width: 1px;
+    border-top-style: solid;
+    border-top-color: var(--border, $fallback--border);
+  }
+
   /* expanded conversation in timeline */
   &.status-fadein.-expanded .thread-body {
     border-left-width: 4px;