diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2021-08-08 12:40:17 -0400 |
|---|---|---|
| committer | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-07 19:19:30 -0500 |
| commit | 61bb69c88f6d70431a72bfb649d0f796b976a83b (patch) | |
| tree | 72dd912adb5da889cb15221db6e50394a97ff517 /src/components/thread_tree/thread_tree.vue | |
| parent | bdf631c2c4d57f855831f8a6c747af7c5ccb6e70 (diff) | |
Optimize thread display
Diffstat (limited to 'src/components/thread_tree/thread_tree.vue')
| -rw-r--r-- | src/components/thread_tree/thread_tree.vue | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/src/components/thread_tree/thread_tree.vue b/src/components/thread_tree/thread_tree.vue index fa1e5f86..aafad66e 100644 --- a/src/components/thread_tree/thread_tree.vue +++ b/src/components/thread_tree/thread_tree.vue @@ -109,14 +109,16 @@ <style lang="scss"> @import '../../_variables.scss'; .thread-tree-replies { - margin-left: 1em; + margin-left: $status-margin; + border-left: 1px solid var(--border, $fallback--border); + border-top-left-radius: $fallback--panelRadius; + border-top-left-radius: var(--panelRadius, $fallback--panelRadius); + border-bottom-left-radius: $fallback--panelRadius; + border-bottom-left-radius: var(--panelRadius, $fallback--panelRadius); } + .thread-tree-replies-hidden { - padding: 1em; - border-bottom: 1px solid var(--border, #222); -} -.conversation-status.conversation-status-treeview:last-child, -.Conversation.-expanded .conversation-status.conversation-status-treeview:last-child { - border-bottom: 1px solid var(--border, #222); + padding: $status-margin; + border-top: 1px solid var(--border, $fallback--border); } </style> |