diff --git a/src/components/status_content/status_content.js b/src/components/status_content/status_content.js index c0a71e8f77f1ca57d3a1f05aabc065e651cf06e4..cfee77a3854e12f0cf2b5ad1f46745713d0b101a 100644 --- a/src/components/status_content/status_content.js +++ b/src/components/status_content/status_content.js @@ -142,12 +142,6 @@ const StatusContent = { return html } }, - contentHtml () { - if (!this.status.summary_html) { - return this.postBodyHtml - } - return this.status.summary_html + '<br />' + this.postBodyHtml - }, ...mapGetters(['mergedConfig']), ...mapState({ betterShadow: state => state.interface.browserSupport.cssFilter, diff --git a/src/components/status_content/status_content.vue b/src/components/status_content/status_content.vue index efc2485ead4037181637e2ee4236ae04f42ec585..df980a71fbf14db6f9f117154d0cdd4a08377ee4 100644 --- a/src/components/status_content/status_content.vue +++ b/src/components/status_content/status_content.vue @@ -31,7 +31,7 @@ <div class="status-content media-body" @click.prevent="linkClicked" - v-html="contentHtml" + v-html="postBodyHtml" /> <a v-if="showingLongSubject" @@ -53,16 +53,16 @@ @click.prevent="toggleShowMore" >{{ $t("general.show_more") }}</a> <div - v-if="!hideSubjectStatus" - class="status-content media-body" + v-if="status.summary_html" + class="status-content media-body summary" @click.prevent="linkClicked" - v-html="contentHtml" + v-html="status.summary_html" /> <div - v-else + v-if="!hideSubjectStatus" class="status-content media-body" @click.prevent="linkClicked" - v-html="status.summary_html" + v-html="postBodyHtml" /> <a v-if="hideSubjectStatus" @@ -181,6 +181,10 @@ $status-margin: 0.75em; line-height: 1.4em; white-space: pre-wrap; + &.summary { + font-weight: bold; + } + blockquote { margin: 0.2em 0 0.2em 2em; font-style: italic; @@ -226,7 +230,7 @@ $status-margin: 0.75em; .greentext { color: $fallback--cGreen; - color: var(--postGreentext, $fallback--cGreen); + color: var(--cGreen, $fallback--cGreen); } .timeline :not(.panel-disabled) > {