diff --git a/src/sass/tweet/_base.scss b/src/sass/tweet/_base.scss index 80a1171..d624fb8 100644 --- a/src/sass/tweet/_base.scss +++ b/src/sass/tweet/_base.scss @@ -98,6 +98,8 @@ } .avatar { + position: absolute; + &.round { border-radius: 50%; } @@ -110,6 +112,19 @@ } } +.tweet-embed { + display: flex; + flex-direction: column; + justify-content: center; + height: 100%; + + .tweet-body { + display: flex; + flex-direction: column; + max-height: calc(100vh - 0.75em * 2); + } +} + .attribution { display: flex; pointer-events: all; diff --git a/src/views/general.nim b/src/views/general.nim index e514ab8..7267852 100644 --- a/src/views/general.nim +++ b/src/views/general.nim @@ -52,7 +52,7 @@ proc renderHead*(prefs: Prefs; cfg: Config; req: Request; titleText=""; desc=""; let opensearchUrl = getUrlPrefix(cfg) & "/opensearch" buildHtml(head): - link(rel="stylesheet", type="text/css", href="/css/style.css?v=10") + link(rel="stylesheet", type="text/css", href="/css/style.css?v=11") link(rel="stylesheet", type="text/css", href="/css/fontello.css?v=2") if theme.len > 0: diff --git a/src/views/tweet.nim b/src/views/tweet.nim index f96d978..667ca16 100644 --- a/src/views/tweet.nim +++ b/src/views/tweet.nim @@ -298,7 +298,7 @@ proc renderEmbeddedTweet*(tweet: Tweet; cfg: Config; req: Request; prefs: Prefs; if tweet.quote.isSome: renderQuote(tweet.quote.get(), prefs, path) - buildHtml(tdiv(class="timeline-item")): + let body = buildHtml(tdiv(class="timeline-item")): renderHead(prefs, cfg, req) tdiv(class="tweet-body"): var views = "" @@ -339,6 +339,9 @@ proc renderEmbeddedTweet*(tweet: Tweet; cfg: Config; req: Request; prefs: Prefs; if not prefs.hideTweetStats: renderStats(tweet.stats, views) + + return buildHtml(tdiv(class="tweet-embed")): + body proc renderTweet*(tweet: Tweet; prefs: Prefs; path: string; class=""; index=0;