Changeset 22176

Timestamp:

10/11/2012 12:36:42 AM (13 years ago)

Author:

koopersmith

Message:

Media Modal: Show progress bars for uploading images, and adjust progress bar styles to compensate for the darker attachment background. see #21390.

Location:

trunk/wp-includes

Files:

• css/media-views.css (modified) (2 diffs)
• media.php (modified) (1 diff)

trunk/wp-includes/css/media-views.css

@@ -443 +443 @@
     margin: 10px auto;
     padding: 2px;
-    border: 2px solid #dfdfdf;
+    border: 2px solid #ccc;
     border-radius: 8px;
+    background: #fff;
 }
 
@@ -451 +452 @@
     min-width: 8px;
     width: 0;
-    background: #dfdfdf;
+    background: #ccc;
     border-radius: 10px;
     -webkit-transition: width 200ms;

trunk/wp-includes/media.php

@@ -1330 +1330 @@
     <script type="text/html" id="tmpl-attachment">
         <div class="attachment-preview type-<%- type %> subtype-<%- subtype %> <%- orientation %>">
-            <% if ( 'image' === type ) { %>
+            <% if ( uploading ) { %>
+                <div class="media-progress-bar"><div></div></div>
+            <% } else if ( 'image' === type ) { %>
                 <div class="thumbnail">
                     <img src="<%- url %>" width="<%- width %>" height="<%- height %>" draggable="false"
                     style="top:<%- top %>px; left:<%- left %>px;" />
                 </div>
-            <% } else if ( uploading ) { %>
-                <div class="media-progress-bar"><div></div></div>
             <% } else { %>
                 <img src="<%- icon %>" class="icon" draggable="false" />