Changeset 22176

Timestamp:

10/11/2012 12:36:42 AM (14 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" />