Fix folders HTML/CSS.
--- a/src/iconolab/templates/iconolab/collection_home.html Tue Apr 25 17:41:28 2017 +0200
+++ b/src/iconolab/templates/iconolab/collection_home.html Tue Apr 25 17:49:56 2017 +0200
@@ -20,25 +20,26 @@
<h3>{{ collection.folders.count }} dossier{% if collection.folders.count > 1 %}s{% endif %}</h3>
<ul class="list-unstyled">
{% for folder in collection.folders.all %}
- <li>
+ <li class="collection-folder">
<p class="text-center">
{% if folder_guid == folder.folder_guid|slugify %}
<a href="{% url 'collection_home' collection_name %}">
- <i class="fa fa-close"></i> {{ folder.name }} ({{ folder.items_count }})
+ <i class="fa fa-close"></i> {{ folder.name }}
</a>
{% else %}
<a href="{% url 'collection_home' collection_name %}?folder={{ folder.folder_guid|slugify }}">
- <i class="fa fa-folder"></i> {{ folder.name }} ({{ folder.items_count }})
+ <i class="fa fa-folder"></i> {{ folder.name }}
</a>
{% endif %}
</p>
- <p>
+ <div>
{% thumbnail folder.image.media "250x250" crop=False as folder_image %}
<a href="{% if folder_guid == folder.folder_guid|slugify %}{% url 'collection_home' collection_name %}{% else %}{% url 'collection_home' collection_name %}?folder={{ folder.folder_guid|slugify }}{% endif %}">
<img src="{{ folder_image.url}}" width="100%" />
</a>
{% endthumbnail %}
- </p>
+ </div>
+ <p class="text-center">{{ folder.items_count }} élément{% if folder.items_count > 1 %}s{% endif %}</p>
</li>
{% endfor %}
</ul>
--- a/src_js/iconolab-bundle/src/iconolab.scss Tue Apr 25 17:41:28 2017 +0200
+++ b/src_js/iconolab-bundle/src/iconolab.scss Tue Apr 25 17:49:56 2017 +0200
@@ -499,3 +499,7 @@
opacity: 1;
}
}
+
+.collection-folder {
+ padding-bottom: 20px;
+}