Thumbnail styling edits plus edits to the object_gallery (4 columns instead of 5...
authorJef van Schendel <mail@jefvanschendel.nl>
Fri, 19 Oct 2012 19:13:40 +0000 (21:13 +0200)
committerJef van Schendel <mail@jefvanschendel.nl>
Fri, 19 Oct 2012 19:13:40 +0000 (21:13 +0200)
mediagoblin/static/css/base.css
mediagoblin/templates/mediagoblin/utils/object_gallery.html

index c6152a1cd0385d0528d6601a3c141568fe594842..312edc4984d766427ea73099901b122b0e8ce491 100644 (file)
@@ -409,9 +409,8 @@ textarea#comment_content {
   float: left;
   padding: 0px;
   width: 212px;
-  height: 156px;
   overflow: hidden;
-  margin: 0px 28px 24px 0px;
+  margin: 0px 28px 26px 0px;
   text-align: center;
   font-size: 0.875em;
   background-color: #222;
@@ -425,10 +424,16 @@ textarea#comment_content {
 .media_thumbnail a {
   color: #eee;
   text-decoration: none;
+  display: block;
+}
+
+a.thumb_entry_title {
+  padding: 8px;
 }
 
 .media_thumbnail img {
-  max-height: 135px;
+  width: 212px;
+  max-height: 159px;
 }
 
 .thumb_entry_last {
index 81506a84e01222902b4fe3a0b480ca464bcddf5a..b63419a85f00d0e61b8eaf15c6eac63eecbe5827 100644 (file)
@@ -18,7 +18,7 @@
 
 {% 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=4) %}
   <table class="thumb_gallery">
     {% for row in gridify_cursor(media_entries, col_number) %}
       <tr class="thumb_row
@@ -34,8 +34,7 @@
                              entry.media_files['thumb']) }}" />
             </a>
             {% if entry.title %}
-              <br />
-              <a href="{{ entry_url }}">{{ entry.title }}</a>
+              <a class="thumb_entry_title" href="{{ entry_url }}">{{ entry.title }}</a>
             {% endif %}
           </td>
         {% endfor %}
@@ -56,7 +55,7 @@
    - col_number: How many columns per row (default 5)
 #}
 {% macro object_gallery(request, media_entries, pagination,
-                        pagination_base_url=None, col_number=5) %}
+                        pagination_base_url=None, col_number=4) %}
   {% if media_entries and media_entries.count() %}
     {{ media_grid(request, media_entries, col_number=col_number) }}
     <div class="clear"></div>