Add current page position between navigation buttons for pagination

phhorrein · Aug 23, 2016 · 29a0dc7 · 29a0dc7
1 parent 0899d86
commit 29a0dc7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/_includes/pagination.html b/_includes/pagination.html
@@ -17,4 +17,5 @@
       <span class="pagination-item disabled">{{ site.text.pagination.older }}</span>
     {% endif %}
   </div>
+  <div class="pagination-meta">Page {{ paginator.page }} of {{ paginator.total_pages }}</div>
 </div>
diff --git a/_sass/_pagination.scss b/_sass/_pagination.scss
@@ -16,10 +16,14 @@
   padding: 1em 1.5em;
 }
 
-.pagination .disabled {
+.pagination .disabled, .pagination .pagination-meta {
   opacity: 0.5;
 }
 
+.pagination .pagination-meta {
+  overflow: hidden;
+}
+
 .pagination a:hover, .pagination a:focus {
   background: white;
   color: #477dca;