Make media thumbnail gallery a list instead of a table
This commit is contained in:
parent
be09ed51c8
commit
4944e3c374
@ -381,6 +381,7 @@ textarea#comment_content {
|
||||
margin: 0px 4px 10px 4px;
|
||||
text-align: center;
|
||||
font-size: 0.875em;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.media_thumbnail a {
|
||||
|
@ -19,29 +19,23 @@
|
||||
{% from "mediagoblin/utils/pagination.html" import render_pagination %}
|
||||
|
||||
{% 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) %}
|
||||
<tr class="thumb_row
|
||||
{%- if loop.first %} thumb_row_first
|
||||
{%- elif loop.last %} thumb_row_last{% endif %}">
|
||||
{% for entry in row %}
|
||||
{% set entry_url = entry.url_for_self(request.urlgen) %}
|
||||
<td class="media_thumbnail thumb_entry
|
||||
{%- if loop.first %} thumb_entry_first
|
||||
{%- elif loop.last %} thumb_entry_last{% endif %}">
|
||||
<a href="{{ entry_url }}">
|
||||
<img src="{{ request.app.public_store.file_url(
|
||||
entry.media_files['thumb']) }}" />
|
||||
</a>
|
||||
{% if entry.title %}
|
||||
<br />
|
||||
<a href="{{ entry_url }}">{{ entry.title }}</a>
|
||||
{% endif %}
|
||||
</td>
|
||||
{% endfor %}
|
||||
</tr>
|
||||
{% for entry in row %}
|
||||
{% set entry_url = entry.url_for_self(request.urlgen) %}
|
||||
<li class="media_thumbnail">
|
||||
<a href="{{ entry_url }}">
|
||||
<img src="{{ request.app.public_store.file_url(
|
||||
entry.media_files['thumb']) }}" />
|
||||
</a>
|
||||
{% if entry.title %}
|
||||
<br />
|
||||
<a href="{{ entry_url }}">{{ entry.title }}</a>
|
||||
{% endif %}
|
||||
</li>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</table>
|
||||
</ul>
|
||||
{%- endmacro %}
|
||||
|
||||
{#
|
||||
|
Loading…
x
Reference in New Issue
Block a user