Move the page count display to the top of the image.

Signed-off-by: Michael Price <loneviking72@gmail.com>
This commit is contained in:
Michael Price
2018-03-18 03:31:16 -04:00
committed by Roberto Rosario
parent bd5fe1af10
commit eb5bd252db
2 changed files with 6 additions and 5 deletions

View File

@@ -4,6 +4,11 @@
{% for document_page in widget.value.pages.all %}
<div class="carousel-item" style="height: 100%;">
<div class="instance-image-widget">
<div class="carousel-item-page-number">
{% blocktrans with document_page.page_number as page_number and widget.value.pages.count as total_pages %}
Page {{ page_number }} of {{ total_pages }}
{% endblocktrans %}
</div>
<a href="{% url 'documents:document_page_view' document_page.pk %}">
{% with 'lazy-load-carousel' as image_classes %}
{% with document_page as instance %}
@@ -14,11 +19,6 @@
{% endwith %}
</a>
</div>
<div class="carousel-item-page-number">
{% blocktrans with document_page.page_number as page_number and widget.value.pages.count as total_pages %}
Page {{ page_number }} of {{ total_pages }}
{% endblocktrans %}
</div>
</div>
{% empty %}
<p>{% trans 'No pages to display' %}</p>