From 8780246ce5566e60520354f5a3de92eacd059f61 Mon Sep 17 00:00:00 2001
From: Tusooa Zhu <tusooa@kazv.moe>
Date: Sun, 8 Aug 2021 12:55:04 -0400
Subject: Optimize thread border radius

---
 src/components/conversation/conversation.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'src/components/conversation/conversation.vue')

diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index cd108f69..11b5b3d8 100644
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@@ -130,10 +130,13 @@
 .Conversation {
   .conversation-undive-box {
     padding: $status-margin;
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: var(--border, $fallback--border);
+    border-radius: 0;
   }
 
   /* HACK: we want the border width to scale with the status *below it* */
-  .conversation-undive-box,
   .conversation-status {
     border-top-width: 1px;
     border-top-style: solid;
@@ -146,11 +149,14 @@
     border-top-left-radius: var(--panelRadius, $fallback--panelRadius);
   }
 
-  /* first element in conversation body */
+  /* first element in a reply tree, the border is supplied by reply tree instead
+     for radius to display properly
+   */
   &.-expanded .conversation-body {
     .conversation-undive-box:nth-child(1),
     & > .conversation-status:nth-child(1),
-    & > .thread-body:nth-child(1) > .thread-tree:nth-child(1) > .conversation-status:nth-child(1), {
+    & > .thread-body:nth-child(1) > .thread-tree:nth-child(1) > .conversation-status:nth-child(1),
+    .thread-tree:nth-child(1) > .conversation-status:nth-child(1) {
       border-top: none;
     }
   }
-- 
cgit v1.2.3-70-g09d2

