diff --git a/src/sass/tweet/_base.scss b/src/sass/tweet/_base.scss index e29b880..3df3c08 100644 --- a/src/sass/tweet/_base.scss +++ b/src/sass/tweet/_base.scss @@ -175,6 +175,8 @@ .tweet-stat { padding-top: 5px; padding-right: 8px; + min-width: 1em; + margin-right: 0.2em; } .show-thread { diff --git a/src/views/tweet.nim b/src/views/tweet.nim index e8246d7..a8d3bc4 100644 --- a/src/views/tweet.nim +++ b/src/views/tweet.nim @@ -181,12 +181,16 @@ proc renderCard(card: Card; prefs: Prefs; path: string): VNode = tdiv(class="card-content-container"): renderCardContent(card) +func condNumber(stat: int): string {.inline.} = + if stat > 0: insertSep($stat, ',') + else: "" + proc renderStats(stats: TweetStats; views: string): VNode = buildHtml(tdiv(class="tweet-stats")): - span(class="tweet-stat"): icon "comment", insertSep($stats.replies, ',') - span(class="tweet-stat"): icon "retweet", insertSep($stats.retweets, ',') - span(class="tweet-stat"): icon "quote", insertSep($stats.quotes, ',') - span(class="tweet-stat"): icon "heart", insertSep($stats.likes, ',') + span(class="tweet-stat"): icon "comment", condNumber(stats.replies) + span(class="tweet-stat"): icon "retweet", condNumber(stats.retweets) + span(class="tweet-stat"): icon "quote" , condNumber(stats.quotes) + span(class="tweet-stat"): icon "heart" , condNumber(stats.likes) if views.len > 0: span(class="tweet-stat"): icon "play", insertSep(views, ',')