Media db overlay cleanup.

templates/2k11/admin/media_items.tpl

@@ -37,11 +37,12 @@
                 <div class="form_check">
                     <input id="multidelete_image{$file.id}" name="serendipity[multiDelete][]" type="checkbox" value="{$file.id}"><label for="multidelete_image{$file.id}" class="visuallyhidden">Select for multidelete</label> {* i18n *}
                 </div>
+
                 <h3 title="{$file.realname}">{$file.realname|truncate:30:"&hellip;"}{if $file.orderkey != ''}: {$file.orderkey|@escape}{/if}</h3>
                 {if $file.authorid != 0}<span class="author block_level">{$file.authorname}</span>{/if}
             </header>
 
-            <div class="clearfix equal_heights image_wrapper">
+            <div class="clearfix equal_heights media_file_wrap">
                 <div class="media_file_preview">
                     {if $file.is_image AND $file.full_thumb}
                         {if $file.url}
@@ -70,8 +71,8 @@
                     {/if}
                 </div>
 
-                <footer class="image_caption">
-                    <ul class="media_file_meta plainList">
+                <footer class="media_file_meta">
+                    <ul class="plainList">
                 {if $file.hotlink}
                         <li>{$file.nice_hotlink}</li>
                         <li>{$CONST.MEDIA_HOTLINKED}</li>

templates/2k11/admin/serendipity_editor.js.tpl

@@ -722,9 +722,11 @@ function highlightComment(id, checkvalue) {
     // Equal Heights
     var $eqHeights = $('body').has('.equal_heights');
 
-    if($eqHeights.size() > 0) {
-        $('.equal_heights').syncHeight({
-            updateOnResize: true
-        });
-    }
+    $(window).load(function() {
+        if($eqHeights.size() > 0) {
+            $('.equal_heights').syncHeight({
+                updateOnResize: true
+            });
+        }
+    });
 })(jQuery);

templates/2k11/admin/style.css

@@ -1152,7 +1152,7 @@ main {
 
 .template_info dl,
 fieldset p,
-.media_file_meta,
+.media_file_meta > ul,
 .image_resize_hint p { margin: 0; }
 
 .importer_data .clearfix > div {
@@ -1415,22 +1415,29 @@ form > .button_link:first-of-type { margin-top: 0; }
    ----------------------------------------------------------------- */
 #fs_crop { min-height: 200px; }
 
-.media_pane .pagination { margin: 0; }
+.media_pane .pagination {
+    clear: both;
+    margin: 0;
+}
 
-.image_wrapper:hover > .image_caption {
-    display: block;
+.media_file_wrap:hover > .media_file_meta {
     -webkit-animation: fade-in 0.4s 1;
     -moz-animation: fade-in 0.4s 1;
     animation: fade-in 0.4s 1;
+    display: block;
     opacity: 1;
 }
 
-.image_caption {
+.media_file_meta {
+    background-color: rgba(0,0,0,.6);
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    color: #fcfcfc;
     display: none;
-    position: absolute;
-    color: white;
-    background-color: rgba(0, 0, 0, 0.6);
     opacity: 0;
+    padding: .5em 1em;
+    position: absolute;
 }
 
 @-webkit-keyframes fade-in {