Changeset 22154 for trunk/wp-includes/media.php

Timestamp:

10/10/2012 06:47:22 AM (12 years ago)

Author:

koopersmith

Message:

Improve styling and markup for gallery and attachment MCE views.

Attachment views can now inherit from the theme's editor-style.css — just have any rules that apply to the img tag apply to .editor-attachment as well.

Adds a non-functional edit button to gallery views.

see #21390, #21813, #21815.

File:

• trunk/wp-includes/media.php (modified) (2 diffs)

trunk/wp-includes/media.php

@@ -1363 +1363 @@
 
     <script type="text/html" id="tmpl-editor-attachment">
-        <% if ( url ) { %>
-            <img src="<%- url %>" width="<%- width %>" height="<%- height %>" draggable="false" />
-        <% } %>
-
-        <% if ( uploading ) { %>
-            <div class="media-progress-bar"><div></div></div>
-        <% } %>
-        <div class="close">&times;</div>
+        <div class="editor-attachment-preview">
+            <% if ( url ) { %>
+                <img src="<%- url %>" width="<%- width %>" height="<%- height %>" draggable="false" />
+            <% } %>
+
+            <% if ( uploading ) { %>
+                <div class="media-progress-bar"><div></div></div>
+            <% } %>
+            <div class="overlay">
+                <div class="button close">&times;</div>
+            </div>
+        </div>
         <div class="describe"></div>
     </script>
@@ -1378 +1382 @@
             <img src="<%- url %>" draggable="false" />
         <% } %>
-        <div class="close">&times;</div>
+
+        <div class="overlay">
+            <div class="button close">&times;</div>
+            <div class="button edit"><?php _e('Edit'); ?></div>
+        </div>
     </script>
     <?php