Fix thread line gap above pinned tweet threads

This commit is contained in:
Zed 2019-11-08 22:53:11 +01:00
parent f19443ed96
commit a63368e871
3 changed files with 20 additions and 1 deletions

View file

@ -24,6 +24,7 @@
}
.attachments {
margin: 0;
border-radius: 0;
}
}

View file

@ -45,6 +45,23 @@
pointer-events: none;
}
.with-header:not(:first-child)::after {
background: var(--accent_dark);
content: '';
position: relative;
float: left;
min-width: 3px;
width: 3px;
right: calc(100% - 26px);
border-radius: 2px;
margin-left: -3px;
margin-bottom: 37px;
bottom: 10px;
height: 30px;
z-index: 1;
pointer-events: none;
}
.unavailable::before {
top: 48px;
margin-bottom: 28px;

View file

@ -41,7 +41,8 @@ proc renderThread(thread: seq[Tweet]; prefs: Prefs; path: string): VNode =
let sortedThread = thread.sortedByIt(it.id)
for i, tweet in sortedThread:
let show = i == thread.high and sortedThread[0].id != tweet.threadId
renderTweet(tweet, prefs, path, class="thread",
let header = if tweet.pinned or tweet.retweet.isSome: "with-header " else: ""
renderTweet(tweet, prefs, path, class=(header & "thread"),
index=i, total=thread.high, showThread=show)
proc threadFilter(it: Tweet; thread: int): bool =