Merge pull request #230 from samsagaz/#228-fix_bootstrap

[MOD] Fix bootstrap in providers
PyAr · Nov 22, 2021 · 939c125 · 939c125
2 parents 3592701 + eeb1ba9
commit 939c125
Showing 1 changed file with 18 additions and 15 deletions.
diff --git a/website/events/templates/events_base_paginated_list.html b/website/events/templates/events_base_paginated_list.html
@@ -28,40 +28,43 @@
  {% block pagination %}
  {% if is_paginated %}
  <nav aria-label="Page navigation">
- <ul class="pagination">
+ <br/>
+ <ul class="pagination justify-content-center">
  {% if page_obj.has_previous %}
  <li>
- <a href="{{ request.path }}?page={{ page_obj.previous_page_number }}" aria-label="Previous">
- <span aria-hidden="true">&laquo;</span>
+ <a class="page-link" tabindex="-1" href="{{ request.path }}?page={{ page_obj.previous_page_number }}">
+ <span aria-hidden="true">&laquo;</span>
+ <span class="sr-only">Previous</span> 
  </a>
  </li>
  {% else %}
- <li class="disabled"> 
- <a href="#" aria-label="Previous">
- <span aria-hidden="true">&laquo;</span>
- </a>
+ <li class="disabled page-item"> 
+ <span class="page-link" aria-hidden="true">&laquo;</span>
+ <span class="page-link sr-only">Previous</span>
  </li>
  {% endif %}
 
  {% for i in paginator.page_range %}
  {% if page_obj.number == i %}
- <li class="active"><span>{{ i }} <span class="sr-only">(current)</span></span></li>
+ <li class="page-item active">
+ <a class="page-link" href="#">{{ i }} <span class="sr-only">(current)</span></a>
  {% else %}
- <li><a href="?page={{ i }}">{{ i }}</a></li>
+ <li class="page-item"><a class="page-link" href="?page={{ i }}">{{ i }}</a></li>
  {% endif %}
  {% endfor %}
 
+
  {% if page_obj.has_next %}
  <li>
- <a href="{{ request.path }}?page={{ page_obj.next_page_number }}" aria-label="Next">
- <span aria-hidden="true">&raquo;</span>
+ <a class="page-link" href="{{ request.path }}?page={{ page_obj.next_page_number }}" aria-label="Next">
+ <span aria-hidden="true">&raquo;</span>
+ <span class="sr-only">Next</span>
  </a>
  </li>
  {% else %}
- <li class="disabled">
- <a href="#" aria-label="Next">
- <span aria-hidden="true">&raquo;</span>
- </a>
+ <li class="page-item disabled">
+ <span class="page-link" aria-hidden="true">&raquo;</span>
+ <span class="page-link sr-only">Previous</span>
  </li>
  {% endif %}
  </ul>