Fix folders HTML/CSS.
authorAlexandre Segura <mex.zktk@gmail.com>
Tue, 25 Apr 2017 17:49:56 +0200
changeset 476 8e706eb56e6e
parent 475 4ef381cd86ea
child 477 7b93c25f2b74
Fix folders HTML/CSS.
src/iconolab/templates/iconolab/collection_home.html
src_js/iconolab-bundle/src/iconolab.scss
--- 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;
+}