From f56eff23038b79ea8c0b3e3ec5265352745376fb Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Fri, 14 Jan 2022 10:44:21 +0100
Subject: [PATCH] FIX: limits pre-line impact to tweet text (#15583)

---
 app/assets/stylesheets/common/base/onebox.scss | 4 +---
 lib/onebox/templates/twitterstatus.mustache    | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index 2bc50de8bc7..3d7e95daa4d 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -613,10 +613,8 @@ aside.onebox.twitterstatus .onebox-body {
     font-size: var(--font-down-1);
   }
 
-  .tweet {
+  .tweet .tweet-description {
     white-space: pre-line;
-    top: calc(-1 * var(--font-0) * var(--line-height-large));
-    position: relative;
   }
 
   p,
diff --git a/lib/onebox/templates/twitterstatus.mustache b/lib/onebox/templates/twitterstatus.mustache
index 7f1dc251c49..13fe2cfafd9 100644
--- a/lib/onebox/templates/twitterstatus.mustache
+++ b/lib/onebox/templates/twitterstatus.mustache
@@ -3,7 +3,7 @@
 <div class="twitter-screen-name"><a href="{{link}}" target="_blank" rel="noopener">@{{screen_name}}</a></div>
 
 <div class="tweet">
-  {{{tweet}}}
+  <span class="tweet-description">{{{tweet}}}</span>
   {{#quoted_tweet}}
     <div class="quoted">
       <a class="quoted-link" href="{{quoted_link}}">