rrs: Recipes page improve table display

Improve CSS in order to handle column width better also
use styles to display upstream status column.

Signed-off-by: Aníbal Limón <anibal.limon@linux.intel.com>
This commit is contained in:
Aníbal Limón 2015-01-26 18:04:29 -06:00 committed by Paul Eggleton
parent 4e00337d93
commit 0b6ff699b5
2 changed files with 23 additions and 9 deletions

View File

@ -1,10 +1,16 @@
.recipe_column {
max-width: 150px;
word-wrap: break-word;
}
.version_column {
max-width: 150px;
word-wrap: break-word;
}
.upstream_version_column {
min-width: 130px;
max-width: 150px;
word-wrap: break-word;
}
.upstream_status_column {

View File

@ -79,21 +79,29 @@
<tr>
<th class="recipe_column">Recipe</th>
<th class="version_column muted">Version</th>
<th class="upstream_status_column"><b class="caret"></b>Upstream status</th>
<th class="upstream_status_column"><b>Upstream status</b></th>
<th class="upstream_version_column muted">Upstream version</th>
<th class="maintainer_column"><b class="caret"></b>Maintainer</th>
<th class="maintainer_column"><b>Maintainer</b></th>
<th class="summary_column muted span5">Summary</th>
</tr>
</thead>
<tbody>
{% for r in recipe_list %}
<tr>
<td><a href="{% url "recipedetail" r.pk %}">{{ r.name }}</a></td>
<td>{{ r.version }}</td>
<td>{{ r.upstream_status }}</td>
<td>{{ r.upstream_version }}</td>
<td>{{ r.maintainer_name }}</td>
<td>{{ r.summary }}</td>
<td class="recipe_column"><a href="{% url "recipedetail" r.pk %}">{{ r.name }}</a></td>
<td class="version_column">{{ r.version }}</td>
{% if r.upstream_status == "Up-to-date" %}
<td class="text-success">
{% elif r.upstream_status == "Not updated" %}
<td class="text-error">
{% else %}
<td class="text-warning">
{% endif %}
{{ r.upstream_status }}
</td>
<td class="upstream_version_column">{{ r.upstream_version }}</td>
<td class="maintainer_column">{{ r.maintainer_name }}</td>
<td class="summary_column">{{ r.summary }}</td>
</tr>
{% endfor %}
</tbody>