moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Optimise thread ancestor borders

This commit is contained in:
Tusooa Zhu 2021-08-11 00:49:38 -04:00
parent 17863f54fe
commit ba8598858b
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/conversation/conversation.vue
View File

@ -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;