From a4262fb255b66f455e34aa63285c46d24c016e38 Mon Sep 17 00:00:00 2001
From: "roneo.org" <roneo+dev@riseup.net>
Date: Fri, 23 Sep 2022 19:15:49 +0200
Subject: [PATCH] Prev/next post pagination: hide title on small devices, when
there's not enough space
---
assets/css/common/post-single.css | 10 ++++++++++
layouts/partials/post_nav_links.html | 4 ++--
2 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/assets/css/common/post-single.css b/assets/css/common/post-single.css
index 0f569bf5..a7741bf2 100644
--- a/assets/css/common/post-single.css
+++ b/assets/css/common/post-single.css
@@ -391,6 +391,16 @@ h6:hover .anchor {
text-align: left;
}
+.paginav .name {
+ display: none;
+}
+
+@media screen and (min-width: 540px) {
+ .paginav .name {
+ display: block;
+ }
+}
+
h1>a>svg {
display: inline;
}
diff --git a/layouts/partials/post_nav_links.html b/layouts/partials/post_nav_links.html
index b988641b..09fb27d0 100644
--- a/layouts/partials/post_nav_links.html
+++ b/layouts/partials/post_nav_links.html
@@ -5,14 +5,14 @@
<a class="prev" href="{{ .Permalink }}">
<span class="title">« {{ i18n "prev_page" }}</span>
<br>
- <span>{{- .Name -}}</span>
+ <span class="name">{{- .Name -}}</span>
</a>
{{- end }}
{{- with $pages.Prev . }}
<a class="next" href="{{ .Permalink }}">
<span class="title">{{ i18n "next_page" }} »</span>
<br>
- <span>{{- .Name -}}</span>
+ <span class="name">{{- .Name -}}</span>
</a>
{{- end }}
</nav>