From 1cfad71608a6947d331f2de3b1f71813c33da392 Mon Sep 17 00:00:00 2001
From: "Jannis M. Hoffmann" <jannis@fehcom.de>
Date: Sat, 4 Mar 2023 18:13:10 +0100
Subject: better mobile support for displayheaders

---
 templates/headers/_pagination2.html.ep | 45 ++++++++++++++++++++++------------
 1 file changed, 30 insertions(+), 15 deletions(-)

(limited to 'templates/headers/_pagination2.html.ep')

diff --git a/templates/headers/_pagination2.html.ep b/templates/headers/_pagination2.html.ep
index eef2abe..8bff0bf 100644
--- a/templates/headers/_pagination2.html.ep
+++ b/templates/headers/_pagination2.html.ep
@@ -1,22 +1,37 @@
-<div>
-  %= form_for '' => (class => 'pure-form') => begin
-    <a href="<%= url_with->query({start => $pgn->{first_page}[0]}) %>"><img src="/first.gif" alt="<%= l('first') . ' ' . l 'page' %>"></a>
-    <a href="<%= url_with->query({start => $pgn->{prev_page}[0]}) %>"><img src="/left.gif" alt="<%= l('previous') . ' ' . l 'page' %>"></a>
-    [
-      %= label_for custompage => ucfirst l 'page'
-      %= number_field start => (id => 'custompage') => (size => 3) => (placeholder => $pgn->{current_page}+1)
-      %= l 'of'
-      %= $pgn->{total_pages}
-    ]
+%= form_for '' => (class => 'pure-form') => begin
+  <a href="<%= url_with->query({start => $pgn->{first_page}[0]}) %>">
+    <img src="/first.gif" alt="<%= l('first') . ' ' . l 'page' %>">
+  </a>
+  <a href="<%= url_with->query({start => $pgn->{prev_page}[0]}) %>">
+    <img src="/left.gif" alt="<%= l('previous') . ' ' . l 'page' %>">
+  </a>
+
+  <div style="white-space: nowrap">
+  [
+%=  label_for custompage => ucfirst l('page') => (style => 'display: inline') 
+    <%= number_field start
+        => (id => 'custompage')
+        => (size => 3)
+        => (placeholder => $pgn->{current_page}+1)
+        => (min => 1)
+        => (max => $pgn->{total_pages}
+        => (style => 'display: inline')) %>
+%=  l 'of'
+%=  $pgn->{total_pages}
+  ]
+  </div>
 
 % my $h = $c->req->query_params->to_hash;
 % while (my ($k, $v) = each %$h) {
 %   if ($k ne 'start') {
-    %= hidden_field $k => $v
+%=    hidden_field $k => $v
 %   }
 % }
 
-    <a href="<%= url_with->query({start => $pgn->{next_page}[0]}) %>"><img src="/right.gif" alt="<%= l('next') . ' ' . l 'page' %>"></a>
-    <a href="<%= url_with->query({start => $pgn->{last_page}[0]}) %>"><img src="/last.gif" alt="<%= l('last') . ' ' . l('page') %>"></a>
-  % end
-</div>
+  <a href="<%= url_with->query({start => $pgn->{next_page}[0]}) %>">
+    <img src="/right.gif" alt="<%= l('next') . ' ' . l 'page' %>">
+  </a>
+  <a href="<%= url_with->query({start => $pgn->{last_page}[0]}) %>">
+    <img src="/last.gif" alt="<%= l('last') . ' ' . l('page') %>">
+  </a>
+% end
-- 
cgit v1.2.3