diff --git a/src/components/status_body/status_body.scss b/src/components/status_body/status_body.scss index 310185ae..da5d4dd3 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-wrapper { + .rich-content-wrapper { min-height: 0; mask: linear-gradient(to top, white, transparent) bottom/100% 70px no-repeat, @@ -123,5 +123,4 @@ vertical-align: middle; object-fit: contain; } - } diff --git a/src/components/status_body/status_body.vue b/src/components/status_body/status_body.vue index 7e699a45..b84541d7 100644 --- a/src/components/status_body/status_body.vue +++ b/src/components/status_body/status_body.vue @@ -38,7 +38,10 @@ > {{ $t("general.show_more") }} </button> - <span v-if="!hideSubjectStatus && !(singleLine && status.summary_html)"> + <span + v-if="!hideSubjectStatus && !(singleLine && status.summary_html)" + class="rich-content-wrapper" + > <MentionsLine v-if="!hideMentions && firstMentions && firstMentions.length > 0" :mentions="firstMentions"