From effcf72c5432845cc3a245eeb62a32a2afd1a7ee Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 8 Jun 2021 19:37:18 +0300
Subject: [PATCH] fix long posts having weird gradient

---
 src/components/status_body/status_body.scss | 2 +-
 src/components/status_body/status_body.vue  | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/status_body/status_body.scss b/src/components/status_body/status_body.scss
index b65e3b27..10b4c186 100644
--- a/src/components/status_body/status_body.scss
+++ b/src/components/status_body/status_body.scss
@@ -62,7 +62,7 @@
       overflow-y: hidden;
       z-index: 1;
 
-      .text {
+      .text-wrapper {
         min-height: 0;
         mask:
           linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat,
diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue
index 421a3820..fae2d594 100644
--- a/src/components/status_body/status_body.vue
+++ b/src/components/status_body/status_body.vue
@@ -40,6 +40,7 @@
           {{ $t("general.show_more") }}
         </button>
         <span
+          class="text-wrapper"
           v-if="!hideSubjectStatus && !(singleLine && status.summary_html)"
         >
           <MentionsLine