X-Git-Url: https://git.mdrn.pl/wolnelektury.git/blobdiff_plain/357027375ff8867f42ca34bcbfb5a78b5b185fc3..5b24dd5b8f3f1a8be1c4c38f0afe500135b6d432:/src/wolnelektury/templates/pagination/pagination.html

diff --git a/src/wolnelektury/templates/pagination/pagination.html b/src/wolnelektury/templates/pagination/pagination.html
index 432cf6954..79ac19137 100644
--- a/src/wolnelektury/templates/pagination/pagination.html
+++ b/src/wolnelektury/templates/pagination/pagination.html
@@ -1,26 +1,27 @@
-{% load i18n %}
 {% if is_paginated %}
-<div class="pagination">
+  <div class="l-pagination">
     {% if page_obj.has_previous %}
-        <a href="?page={{ page_obj.previous_page_number }}{{ getvars }}" class="prev">&lsaquo;&lsaquo; {% trans "previous" %} </a>
-    {% else %}
-        <span class="disabled prev">&lsaquo;&lsaquo; {% trans "previous" %} </span>
+      <a href="?page={{ page_obj.previous_page_number }}{{ getvars }}" class="l-pagination__arrow">
+        <i class="icon icon-arrow-left"></i>
+      </a>
     {% endif %}
-    {% for page in pages %}
+    <ul>
+      {% for page in pages %}
         {% if page %}
-            {% ifequal page page_obj.number %}
-                <span class="current page"> {{ page }} </span>
-            {% else %}
-                <a href="?page={{ page }}{{ getvars }}" class="page"> {{ page }} </a>
-            {% endifequal %}
+          {% if page == page_obj.number %}
+            <li class="is-active"><a>{{ page }}</a></li>
+          {% else %}
+            <li><a href="?page={{ page }}{{ getvars }}">{{ page }}</a></li>
+          {% endif %}
         {% else %}
-            ...
+          <li><a>…</a></li>
         {% endif %}
-    {% endfor %}
+      {% endfor %}
+    </ul>
     {% if page_obj.has_next %}
-        <a href="?page={{ page_obj.next_page_number }}{{ getvars }}" class="next"> {% trans "next" %} &rsaquo;&rsaquo;</a>
-    {% else %}
-        <span class="disabled next"> {% trans "next" %} &rsaquo;&rsaquo;</span>
+      <a href="?page={{ page_obj.next_page_number }}{{ getvars }}" class="l-pagination__arrow">
+        <i class="icon icon-arrow-right"></i>
+      </a>
     {% endif %}
-</div>
+  </div>
 {% endif %}