Issue #81. Implement mobile version of pagination

Purple-Magic · Nov 20, 2024 · 9368c3f · 9368c3f
1 parent 88e29f6
commit 9368c3f
Show file tree

Hide file tree

Showing 6 changed files with 10 additions and 6 deletions.
diff --git a/app/views/kaminari/_first_page.html.haml b/app/views/kaminari/_first_page.html.haml
@@ -1,2 +1,3 @@
 - unless current_page.first?
-  = link_to t('views.pagination.first').html_safe, url, remote:, class: pagination_classes(klass: 'first')
+  = link_to t('views.pagination.first').html_safe, url, remote:, class: pagination_classes(klass: 'first hidden sm:flex')
+  = link_to '⭰', url, remote:, class: pagination_classes(klass: 'first sm:hidden font-bold')
diff --git a/app/views/kaminari/_gap.html.haml b/app/views/kaminari/_gap.html.haml
@@ -1,2 +1,2 @@
-%span.page.gap.px-3.py-2.text-sm.font-medium.text-purple-700.dark:text-white
+%span.page.gap.px-3.py-2.text-sm.font-medium.text-purple-700.dark:text-white.sm:flex.hidden
   = t('views.pagination.truncate').html_safe
diff --git a/app/views/kaminari/_last_page.html.haml b/app/views/kaminari/_last_page.html.haml
@@ -1,2 +1,3 @@
 - unless current_page.last?
-  = link_to t('views.pagination.last').html_safe, url, remote:, class: pagination_classes(klass: 'last')
+  = link_to t('views.pagination.last').html_safe, url, remote:, class: pagination_classes(klass: 'last hidden sm:flex')
+  = link_to '⭲', url, remote:, class: pagination_classes(klass: 'last sm:hidden font-bold')
diff --git a/app/views/kaminari/_next_page.html.haml b/app/views/kaminari/_next_page.html.haml
@@ -1,2 +1,3 @@
 - unless current_page.last?
-  = link_to t('views.pagination.next').html_safe, url, rel: 'next', remote:, class: pagination_classes(klass: 'next')
+  = link_to t('views.pagination.next').html_safe, url, rel: 'next', remote:, class: pagination_classes(klass: 'next hidden sm:flex')
+  = link_to '🠖', url, rel: 'next', remote:, class: pagination_classes(klass: 'next sm:hidden font-bold')
diff --git a/app/views/kaminari/_page.html.haml b/app/views/kaminari/_page.html.haml
@@ -2,4 +2,4 @@
   %span.px-3.py-2.font-medium.rounded-md.bg-purple-500.text-white.dark:text-gray-800.dark:bg-white
     = page
 - else
-  = link_to page, url, remote:, rel: page.rel, class: pagination_classes
+  = link_to page, url, remote:, rel: page.rel, class: pagination_classes(klass: 'hidden sm:flex')
diff --git a/app/views/kaminari/_prev_page.html.haml b/app/views/kaminari/_prev_page.html.haml
@@ -1,2 +1,3 @@
 - unless current_page.first?
-  = link_to t('views.pagination.previous').html_safe, url, rel: 'prev', remote:, class: pagination_classes(klass: 'prev')
+  = link_to t('views.pagination.previous').html_safe, url, rel: 'prev', remote:, class: pagination_classes(klass: 'prev hidden sm:flex')
+  = link_to '🠔', url, rel: 'prev', remote:, class: pagination_classes(klass: 'prev sm:hidden font-bold')