fix: replace the summaries truncated indicator (dots) with the read m…

…ore button (hbstack#388) Closes hbstack#387
gavlinski · Oct 9, 2023 · 7cc02cc · 7cc02cc
1 parent ef8c026
commit 7cc02cc
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 9 deletions.
diff --git a/assets/hb/modules/blog/scss/post/_summary.scss b/assets/hb/modules/blog/scss/post/_summary.scss
@@ -9,9 +9,3 @@
  margin-bottom: 0;
  }
 }
-
-.summary-truncated {
- &::after {
- content: "…";
- }
-}
diff --git a/i18n/en.toml b/i18n/en.toml
@@ -1,5 +1,8 @@
 [on_this_page]
 other = "On this page"
 
+[read_more]
+other = "Read more"
+
 [reading_time]
 other = "{{ .Count }} min read"
diff --git a/i18n/ko.toml b/i18n/ko.toml
@@ -1,5 +1,8 @@
 [on_this_page]
 other = "목차"
 
+[read_more]
+other = "Read more"
+
 [reading_time]
 other = "읽는 데에 {{ .Count }}분"
diff --git a/i18n/zh-hans.toml b/i18n/zh-hans.toml
@@ -1,5 +1,8 @@
 [on_this_page]
 other = "本页内容"
 
+[read_more]
+other = "阅读全文"
+
 [reading_time]
 other = "{{ .Count }} 分钟阅读"
diff --git a/i18n/zh-hant.toml b/i18n/zh-hant.toml
@@ -1,5 +1,8 @@
 [on_this_page]
 other = "本頁內容"
 
+[read_more]
+other = "閱讀全文"
+
 [reading_time]
 other = "{{ .Count }} 分鐘閱讀"
diff --git a/layouts/partials/hb/modules/blog/post/card.html b/layouts/partials/hb/modules/blog/post/card.html
@@ -16,7 +16,7 @@
  {{- if default true site.Params.hb.blog.post_thumbnail }}
  {{ partial "hb/modules/blog/post/card-img" $page }}
  {{- end }}
- <div class="card-body px-0 pt-2">
+ <div class="card-body px-0 pt-2 d-flex flex-column">
  <div class="hb-blog-post-title card-title h5 py-1">
  <a
  class="hb-blog-post-title-link d-block"
@@ -35,11 +35,19 @@
  {{- $truncated := $page.Truncated }}
  {{- with $page.Description }}
  {{- $summary = . }}
- {{- $truncated = false }}
+ {{- $truncated := true }}
  {{- end }}
- <div class="hb-blog-post-summary card-text text-secondary{{ cond $truncated ` summary-truncated` `` }}">
+ <div class="hb-blog-post-summary card-text text-secondary mb-auto">
  {{- $summary -}}
  </div>
+ {{- if $truncated }}
+ <div>
+ <a
+ class="btn btn-sm btn-outline-secondary mt-2" href="{{ .RelPermalink }}">
+ {{- "read_more" | i18n -}}
+ </a>
+ </div>
+ {{- end }}
  {{- end }}
  </div>
 </div>