Cleaning the pagination template

diff --git a/app/static/src/sass/modules/_all.scss b/app/static/src/sass/modules/_all.scss
index be9c2c5530836f0944e1f0b87e19267f1eacae5b..1cec1332d54ded5d4f4db1c339e09f50d3a6a73a 100755 (executable)
--- a/app/static/src/sass/modules/_all.scss
+++ b/app/static/src/sass/modules/_all.scss
@@ -3,14 +3,20 @@
 @import "navs/nav-header";
 @import "navs/nav-footer";
 
+// Page modules
 @import 'breadcrumb';
-@import 'search';
+@import 'pagination';
+
+// Specific modules
 @import 'lang-switcher';
+@import 'search';
+@import 'pattern';
+@import 'article-box';
+@import 'tag';
+
+// Typography modules
 @import 'dashed';
 @import 'dotted';
-@import 'tag';
 @import 'blockquote';
 @import 'well';
-@import 'pattern';
 @import 'flash';
-@import 'article-box';

diff --git a/app/static/src/sass/modules/_pagination.scss b/app/static/src/sass/modules/_pagination.scss
new file mode 100644 (file)
index 0000000..5ce9075
--- /dev/null
+++ b/app/static/src/sass/modules/_pagination.scss
@@ -0,0 +1,15 @@
+$module: ".pagination";
+
+#{$module} {
+
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+
+    &__item {
+
+        display: inline-block;
+
+    }
+
+}

diff --git a/app/templates/includes/pagination.html b/app/templates/includes/pagination.html
index 9a6500e51f7afae973078b30ec70416d0ee7702c..f9a91cf3dd7ebd540537263fbed9cfb9e2448f29 100644 (file)
--- a/app/templates/includes/pagination.html
+++ b/app/templates/includes/pagination.html
@@ -1,18 +1,18 @@
 {% load i18n %}
 
 {% if current_page.has_previous or current_page.has_next %}
-<ul class="pagination pagination-left">
+<ul class="pagination tal">
 
-<li class="prev previous{% if not current_page.has_previous %} disabled{% endif %}">
-    <a{% if current_page.has_previous %} href="?{{ page_var }}={{ current_page.previous_page_number }}{% if querystring %}&{{ querystring }}{% endif %}"{% endif %}>&larr;</a>
+<li class="pagination__item">
+    <a class="pagination__link{% if not current_page.has_previous %} disabled{% endif %}"{% if current_page.has_previous %} href="?{{ page_var }}={{ current_page.previous_page_number }}{% if querystring %}&{{ querystring }}{% endif %}"{% endif %}>&larr;</a>
 </li>
 {% for page in current_page.visible_page_range %}
-<li{% if page == current_page.number %} class="active"{% endif %}>
-    <a href="?{{ page_var }}={{ page }}{% if querystring %}&{{ querystring }}{% endif %}">{{ page }}</a>
+<li class="pagination__item{% if page == current_page.number %} active{% endif %}">
+    <a class="pagination__link" href="?{{ page_var }}={{ page }}{% if querystring %}&{{ querystring }}{% endif %}">{{ page }}</a>
 </li>
 {% endfor %}
-<li class="next{% if not current_page.has_next %} disabled{% endif %}">
-    <a{% if current_page.has_next %} href="?{{ page_var }}={{ current_page.next_page_number }}{% if querystring %}&{{ querystring }}{% endif %}"{% endif %}>&rarr;</a>
+<li class="pagination__item">
+    <a class="pagination__link{% if not current_page.has_next %} disabled{% endif %}"{% if current_page.has_next %} href="?{{ page_var }}={{ current_page.next_page_number }}{% if querystring %}&{{ querystring }}{% endif %}"{% endif %}>&rarr;</a>
 </li>
 
 </ul>