Media Grid: improve the design of upload errors.

Props celloexpressions.
See #29141.


git-svn-id: https://develop.svn.wordpress.org/trunk@29526 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Scott Taylor 2014-08-18 02:21:57 +00:00
parent 48d83dcc66
commit eaf912ec54
2 changed files with 39 additions and 1 deletions

View File

@ -254,6 +254,40 @@
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;
}
.hide-toolbar .media-sidebar {
bottom: 0;
}

View File

@ -226,7 +226,11 @@
},
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();
}
},
bindDeferred: function() {