- Fix carousel item height issues.

- Place the page number summary at the bottom of the carousel pages.

Signed-off-by: Eric Riggs <ericriggs42@gmail.com>
Signed-off-by: Roberto Rosario <roberto.rosario.gonzalez@gmail.com>
This commit is contained in:
Eric Riggs
2018-03-22 04:45:54 -04:00
committed by Roberto Rosario
parent 30fd0a397f
commit 8cd7779b14
3 changed files with 19 additions and 18 deletions

View File

@@ -1,4 +1,4 @@
3.0 (2018-03-19)
3.0 (2018-04-XX)
================
- Fix permission filtering when performing document page searching.
- Fix cabinet detail view pagination.
@@ -60,6 +60,8 @@
- Improve and add additional diagrams.
- Change documenation theme to rtd.
- Fix "check for update" feature.
- Fix carousel item height issues.
- Place the page number summary at the bottom of the carousel pages.
2.8 (2018-02-27)
================

View File

@@ -84,6 +84,7 @@ body {
.carousel-item {
margin: 5px 10px 10px 10px;
min-height: 100%;
}
.carousel-item-page-number {

View File

@@ -2,24 +2,22 @@
<div class="full-height scrollable" data-height-difference=230 id="carousel-container">
{% 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 %}
{% with widget.attrs.height as display_height %}
{% include 'documents/forms/widgets/document_page_image.html' %}
{% endwith %}
{% endwith %}
{% endwith %}
</a>
<div class="carousel-item">
<a href="{% url 'documents:document_page_view' document_page.pk %}">
{% with 'lazy-load-carousel' as image_classes %}
{% with document_page as instance %}
{% with widget.attrs.height as display_height %}
{% include 'documents/forms/widgets/document_page_image.html' %}
{% endwith %}
{% endwith %}
{% endwith %}
</a>
<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>
</div>
{% empty %}
<p>{% trans 'No pages to display' %}</p>
{% endfor %}