aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/components/conversation/conversation.vue32
-rw-r--r--src/components/thread_tree/thread_tree.vue7
2 files changed, 7 insertions, 32 deletions
diff --git a/src/components/conversation/conversation.vue b/src/components/conversation/conversation.vue
index 86a227ce..c866b983 100644
--- a/src/components/conversation/conversation.vue
+++ b/src/components/conversation/conversation.vue
@@ -142,36 +142,14 @@
/* HACK: we want the border width to scale with the status *below it* */
.conversation-status {
- border-top-width: 1px;
- border-top-style: solid;
- border-top-color: var(--border, $fallback--border);
+ border-bottom-width: 1px;
+ border-bottom-style: solid;
+ border-bottom-color: var(--border, $fallback--border);
border-radius: 0;
}
- &.-expanded .conversation-body .thread-tree:nth-child(1) > .conversation-status {
- border-top-left-radius: $fallback--panelRadius;
- border-top-left-radius: var(--panelRadius, $fallback--panelRadius);
- }
-
- /* 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-tree:nth-child(1) > .conversation-status:nth-child(1) {
- border-top: none;
- }
- }
-
- /* first unexpanded statuses in timeline */
- &:first-child:not(.-expanded) {
- .conversation-body {
- .conversation-status {
- border-top: none;
- }
- }
+ &.-expanded .thread-tree .conversation-status {
+ border-bottom: none;
}
/* expanded conversation in timeline */
diff --git a/src/components/thread_tree/thread_tree.vue b/src/components/thread_tree/thread_tree.vue
index 46d65101..dce03f27 100644
--- a/src/components/thread_tree/thread_tree.vue
+++ b/src/components/thread_tree/thread_tree.vue
@@ -110,15 +110,12 @@
@import '../../_variables.scss';
.thread-tree-replies {
margin-left: $status-margin;
- border-left: 1px solid var(--border, $fallback--border);
- border-top: 1px solid var(--border, $fallback--border);
- border-top-left-radius: $fallback--panelRadius;
- border-top-left-radius: var(--panelRadius, $fallback--panelRadius);
+ border-left: 2px solid var(--border, $fallback--border);
}
.thread-tree-replies-hidden {
padding: $status-margin;
- border-top: 1px solid var(--border, $fallback--border);
+ //border-top: 1px solid var(--border, $fallback--border);
/* Make the button stretch along the whole row */
display: flex;
align-items: stretch;