style: show the ... indicates that the summaries were truncated (#374)

hbstack · Oct 5, 2023 · 48bf0e6 · 48bf0e6
1 parent 740d847
commit 48bf0e6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/assets/hb/modules/blog/scss/post/_summary.scss b/assets/hb/modules/blog/scss/post/_summary.scss
@@ -9,3 +9,8 @@
  margin-bottom: 0;
  }
 }
+.summary-truncated {
+ &::after {
+ content: "…";
+ }
+}
diff --git a/layouts/partials/hb/modules/blog/post/card.html b/layouts/partials/hb/modules/blog/post/card.html
@@ -1,5 +1,5 @@
 {{- $page := .Page }}
-{{- $summary := default true .Summary }}
+{{- $showSummary := default true .Summary }}
 {{- $readingTime := default true .ReadingTime }}
 {{- $meta := default true .Meta }}
 <div class="hb-blog-post-card card border-0 overflow-hidden">
@@ -30,9 +30,15 @@
  {{ partialCached "hb/modules/blog/post/meta/taxonomies" $page $page }}
  </div>
  {{- end }}
- {{- if $summary }}
- <div class="hb-blog-post-summary card-text text-secondary">
- {{- default $page.Summary $page.Description -}}
+ {{- if $showSummary }}
+ {{- $summary := $page.Summary }}
+ {{- $truncated := $page.Truncated }}
+ {{- with $page.Description }}
+ {{- $summary = . }}
+ {{- $truncated = false }}
+ {{- end }}
+ <div class="hb-blog-post-summary card-text text-secondary{{ cond $truncated ` summary-truncated` `` }}">
+ {{- $summary -}}
  </div>
  {{- end }}
  </div>