Changeset 21311 for extensions/GThumb

Timestamp:

Mar 7, 2013, 12:08:32 PM (11 years ago)

Author:

mistic100

Message:

display the legend at the bottom and not in the middle

Location:

extensions/GThumb/template

Files:

• gthumb.css (modified) (2 diffs)
• gthumb.tpl (modified) (3 diffs)

extensions/GThumb/template/gthumb.css

@@ -24 +24 @@
 }
 
-#thumbnails .thumbLegend {
-  display:none;
+#thumbnails .gthumb .thumbLegend {
   position:absolute;
   z-index:100;
-  top:50%;
-  margin-top:-20px;
+  bottom:-40px;
+  top:auto;
   height:30px;
   padding:5px 0;
@@ -35 +34 @@
   background:rgba(0,0,0,0.7);
   text-align:center;
-  vertical-align:middle;
   overflow:hidden;
-  box-shadow:0 0 3px rgb(0,0,0);
-  color:aaa;
+  color:#aaa;
+  -webkit-transition:all 200ms ease-out;
+  -moz-transition:all 200ms ease-out;
+  -ms-transition:all 200ms ease-out;
+  -o-transition:all 200ms ease-out;
+  transition:all 200ms ease-out;
 }
   #thumbnails .gthumb:hover .thumbLegend {
-    display:block;
+    bottom:0px;
   }
 #thumbnails .thumbLegend .thumbName {
   display:block;
-  vertical-align:middle;
   font-weight:bold;
   color:#eee;

extensions/GThumb/template/gthumb.tpl

@@ -3 +3 @@
 {assign var=derivative value=$pwg->derivative($GThumb_derivative_params, $thumbnail.src_image)}
 <li class="gthumb">
-  <a href="{$thumbnail.URL}">
   {if $SHOW_THUMBNAIL_CAPTION }
     <span class="thumbLegend">
@@ -17 +16 @@
       </span>
       {/if}
+      {if isset($thumbnail.NB_COMMENTS) && isset($thumbnail.NB_HITS)} - {/if}
       {if isset($thumbnail.NB_HITS)}
       <span class="{if 0==$thumbnail.NB_HITS}zero {/if}nb-hits">
@@ -24 +24 @@
     </span>
   {/if}
+  <a href="{$thumbnail.URL}">
     <img class="thumbnail" {if !$derivative->is_cached()}data-{/if}src="{$derivative->get_url()}" alt="{$thumbnail.TN_ALT}" title="{$thumbnail.TN_TITLE}" {$derivative->get_size_htm()}>
   </a>