Changeset 29526

Timestamp:

08/18/2014 02:21:57 AM (10 years ago)

Author:

wonderboymusic

Message:

Media Grid: improve the design of upload errors.

Props celloexpressions.
See #29141.

Location:

trunk/src/wp-includes

Files:

• css/media-views.css (modified) (1 diff)
• js/media-grid.js (modified) (1 diff)

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

@@ -252 +252 @@
 .upload-php .mode-grid .hide-sidebar .media-sidebar {
     top: 102px;
+    display: none;
+}
+
+.upload-php .mode-grid .media-sidebar {
+    background: #fff;
+    bottom: auto;
+    border-left: none;
+    padding: 16px;
+    box-shadow: -1px 0px 1px rgba(0,0,0,.3);
+}
+
+.upload-php .mode-grid .media-sidebar .media-uploader-status {
+    border-bottom: none;
+    padding-bottom: 0;
+}
+
+.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
+    font-size: 0;
+    top: -20px;
+    right:  -14px;
+}
+
+.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
+    content: "\f158";
+    font: normal 20px/1 dashicons;
+    color: #666;
+}
+
+.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
+.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
+    color: #2ea2cc;
+}
+
+.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3 {
     display: none;
 }

trunk/src/wp-includes/js/media-grid.js

@@ -227 +227 @@
 
         sidebarVisibility: function() {
-            this.browserView.$( '.media-sidebar' ).toggle( this.errors.length );
+            if ( this.errors.length ) {
+                this.browserView.$( '.media-sidebar' ).show();
+            } else {
+                this.browserView.$( '.media-sidebar' ).hide();
+            }
         },