From: Damien Lespiau <damien.lespiau@intel.com>
Date: Sun, 20 Dec 2015 17:20:29 +0000 (+0000)
Subject: ui: Split the tiles in columns and increase the mininum size
X-Git-Tag: v1.1.0~28
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=67d10450e5b1f0810f05b1b445e87a1ccbe641ff;p=thirdparty%2Fpatchwork.git

ui: Split the tiles in columns and increase the mininum size

Let's try to make that page looks better when the natural size of the
tiles are different (because the contents have varying sizes).

Signed-off-by: Damien Lespiau <damien.lespiau@intel.com>
Acked-by: Stephen Finucane <stephen.finucane@intel.com>
---

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index 13d40311..05d9db93 100644
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -159,7 +159,7 @@ input#reorder-change {
 }
 
 .thumbnail {
-	min-height: 150px;
+	min-height: 200px;
 }
 
 /* patch view */
diff --git a/patchwork/templates/patchwork/projects.html b/patchwork/templates/patchwork/projects.html
index b027d7c3..3743d499 100644
--- a/patchwork/templates/patchwork/projects.html
+++ b/patchwork/templates/patchwork/projects.html
@@ -5,20 +5,22 @@
 
 {% block body %}
 
+<div style="margin-top:20px;"></div>
+
 {% if projects %}
-<div class="row" style="margin-top:20px;">
 {% for p in projects %}
- <div class="col-sm-6 col-md-4">
-   <div class="thumbnail">
-     <div class="caption">
-      <h3>{{p.name}}</h3>
-      <p class="core-info">
-       <span>
-        <a href="{% url 'patch-list' project_id=p.linkname %}">
-         View patches
-        </a>
-       </span>
-      </p>
+{% cycle '<div class="row">' '' '' %}
+  <div class="col-sm-6 col-md-4">
+    <div class="thumbnail">
+      <div class="caption">
+        <h3>{{p.name}}</h3>
+        <p class="core-info">
+         <span>
+          <a href="{% url 'patch-list' project_id=p.linkname %}">
+           View patches
+          </a>
+        </span>
+        </p>
 {% if p.web_url %}
       <p><a href="{{p.web_url}}">{{p.web_url}}</a></p>
 {% else %}
@@ -27,9 +29,13 @@
      </div>
    </div>
  </div>
-{% endfor %}
+{% if forloop.last %}
 </div>
 {% else %}
+{% cycle '' '' '</div>' %}
+{% endif %}
+{% endfor %}
+{% else %}
 <p>Patchwork doesn't have any projects to display!</p>
 {% endif %}