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>