From: Jérémy Fabre <blackmagik88@gmail.com>
Date: Wed, 20 Jul 2016 10:05:56 +0000 (+0200)
Subject: Cleaning the pagination template
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=eb6a03be61f68a3ca71f65d02fa335c814fde607;p=mezzo.git

Cleaning the pagination template
---

diff --git a/app/static/src/sass/modules/_all.scss b/app/static/src/sass/modules/_all.scss
index be9c2c55..1cec1332 100755
--- 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
index 00000000..5ce9075d
--- /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 9a6500e5..f9a91cf3 100644
--- 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>