Make media thumbnail gallery a list instead of a table

This commit is contained in:
Jef van Schendel 2012-02-12 19:33:05 +01:00
parent be09ed51c8
commit 4944e3c374
2 changed files with 16 additions and 21 deletions

View File

@ -381,6 +381,7 @@ textarea#comment_content {
margin: 0px 4px 10px 4px; margin: 0px 4px 10px 4px;
text-align: center; text-align: center;
font-size: 0.875em; font-size: 0.875em;
list-style: none;
} }
.media_thumbnail a { .media_thumbnail a {

View File

@ -19,16 +19,11 @@
{% from "mediagoblin/utils/pagination.html" import render_pagination %} {% from "mediagoblin/utils/pagination.html" import render_pagination %}
{% macro media_grid(request, media_entries, col_number=5) %} {% macro media_grid(request, media_entries, col_number=5) %}
<table class="thumb_gallery"> <ul class="thumb_gallery">
{% for row in gridify_cursor(media_entries, col_number) %} {% for row in gridify_cursor(media_entries, col_number) %}
<tr class="thumb_row
{%- if loop.first %} thumb_row_first
{%- elif loop.last %} thumb_row_last{% endif %}">
{% for entry in row %} {% for entry in row %}
{% set entry_url = entry.url_for_self(request.urlgen) %} {% set entry_url = entry.url_for_self(request.urlgen) %}
<td class="media_thumbnail thumb_entry <li class="media_thumbnail">
{%- if loop.first %} thumb_entry_first
{%- elif loop.last %} thumb_entry_last{% endif %}">
<a href="{{ entry_url }}"> <a href="{{ entry_url }}">
<img src="{{ request.app.public_store.file_url( <img src="{{ request.app.public_store.file_url(
entry.media_files['thumb']) }}" /> entry.media_files['thumb']) }}" />
@ -37,11 +32,10 @@
<br /> <br />
<a href="{{ entry_url }}">{{ entry.title }}</a> <a href="{{ entry_url }}">{{ entry.title }}</a>
{% endif %} {% endif %}
</td> </li>
{% endfor %} {% endfor %}
</tr>
{% endfor %} {% endfor %}
</table> </ul>
{%- endmacro %} {%- endmacro %}
{# {#