diff --git a/src/pages/Portfolio/ImpactDashboard/EducationPost.vue b/src/pages/Portfolio/ImpactDashboard/EducationPost.vue index eca4086a33..e245719c54 100644 --- a/src/pages/Portfolio/ImpactDashboard/EducationPost.vue +++ b/src/pages/Portfolio/ImpactDashboard/EducationPost.vue @@ -20,12 +20,16 @@ v-if="!loading" :href="url" @click="trackEvent('blog-headline')" - class="tw-text-h3 text-overflow tw-line-clamp-2 tw-mb-0.5 tw-decoration-white tw-cursor-pointer" + class="tw-text-h3 text-overflow tw-decoration-white tw-cursor-pointer" + :class="{ 'tw-line-clamp-2' : truncateHeadline }" > {{ headline }} -

+

{{ summary }}

@@ -57,7 +61,7 @@ export default { sourceSizes: [ { width: 312, - height: 217, + height: 184, media: 'min-width: 1025px', }, { @@ -67,7 +71,7 @@ export default { }, { width: 278, - height: 200, + height: 180, media: 'min-width: 0px', }, ] @@ -82,6 +86,12 @@ export default { imageUrl() { return this.post?.image?.fields?.file?.url ?? ''; }, + truncateHeadline() { + return !this.post?.promoHeadline; + }, + truncateSummary() { + return !this.post?.promoSummary; + }, headline() { return this.post?.promoHeadline ?? this.post?.title ?? ''; }, @@ -97,7 +107,7 @@ export default {