From 3167cab01df6864e4bbf1efe243da5fc12d0a4b0 Mon Sep 17 00:00:00 2001 From: kuu7o Date: Mon, 17 Nov 2025 14:36:32 -0300 Subject: [PATCH] feat: minor css and nim layout changes --- src/sass/tweet/_base.scss | 13 +++++++++++-- src/views/tweet.nim | 9 +++++---- 2 files changed, 16 insertions(+), 6 deletions(-) diff --git a/src/sass/tweet/_base.scss b/src/sass/tweet/_base.scss index 8b4ff6e..1651490 100644 --- a/src/sass/tweet/_base.scss +++ b/src/sass/tweet/_base.scss @@ -72,6 +72,7 @@ display: flex; flex-shrink: 0; margin-left: 4px; + font-size: smaller; } .tweet-date a, .username, .show-more a { @@ -173,7 +174,8 @@ .replying-to { color: var(--fg_faded); - margin: -2px 0 4px; + margin: -2px 0 5px; + font-size: smaller; a { pointer-events: all; @@ -201,15 +203,22 @@ .tweet-stats { margin-bottom: -3px; + padding-top: 5px; -webkit-user-select: none; a { pointer-events: all; } + + .tweet-published { + margin-left: auto; + margin-top: 0; + font-weight: 400; + align-self: center; + } } .tweet-stat { - padding-top: 5px; min-width: 1em; margin-right: 0.8em; } diff --git a/src/views/tweet.nim b/src/views/tweet.nim index e7fab99..71749ca 100644 --- a/src/views/tweet.nim +++ b/src/views/tweet.nim @@ -178,7 +178,7 @@ func formatStat(stat: int): string = if stat > 0: insertSep($stat, ',') else: "" -proc renderStats(tweet_id: int64; stats: TweetStats; views: string): VNode = +proc renderStats(tweet_id: int64; stats: TweetStats; views: string; published: string): VNode = buildHtml(tdiv(class="tweet-stats")): span(class="tweet-stat"): icon "comment", formatStat(stats.replies) span(class="tweet-stat"): icon "retweet", formatStat(stats.retweets) @@ -188,6 +188,8 @@ proc renderStats(tweet_id: int64; stats: TweetStats; views: string): VNode = span(class="tweet-stat"): icon "views", formatStat(stats.views) if views.len > 0: span(class="tweet-stat"): icon "play", insertSep(views, ',') + if published.len > 0: + span(class="tweet-published"): text published proc renderReply(tweet: Tweet): VNode = buildHtml(tdiv(class="replying-to")): @@ -338,14 +340,13 @@ proc renderTweet*(tweet: Tweet; prefs: Prefs; path: string; class=""; index=0; if tweet.quote.isSome: renderQuote(tweet.quote.get(), prefs, path) - if mainTweet: - p(class="tweet-published"): text &"{getTime(tweet)}" + let published = if mainTweet: getTime(tweet) else: "" if tweet.mediaTags.len > 0: renderMediaTags(tweet.mediaTags) if not prefs.hideTweetStats: - renderStats(tweet.id, tweet.stats, views) + renderStats(tweet.id, tweet.stats, views, published) if showThread: a(class="show-thread", href=("/i/status/" & $tweet.threadId)):