WordPress.org

Make WordPress Core

Changeset 29526


Ignore:
Timestamp:
08/18/2014 02:21:57 AM (7 years ago)
Author:
wonderboymusic
Message:

Media Grid: improve the design of upload errors.

Props celloexpressions.
See #29141.

Location:
trunk/src/wp-includes
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/css/media-views.css

    r29517 r29526  
    252252.upload-php .mode-grid .hide-sidebar .media-sidebar {
    253253    top: 102px;
     254    display: none;
     255}
     256
     257.upload-php .mode-grid .media-sidebar {
     258    background: #fff;
     259    bottom: auto;
     260    border-left: none;
     261    padding: 16px;
     262    box-shadow: -1px 0px 1px rgba(0,0,0,.3);
     263}
     264
     265.upload-php .mode-grid .media-sidebar .media-uploader-status {
     266    border-bottom: none;
     267    padding-bottom: 0;
     268}
     269
     270.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
     271    font-size: 0;
     272    top: -20px;
     273    right:  -14px;
     274}
     275
     276.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
     277    content: "\f158";
     278    font: normal 20px/1 dashicons;
     279    color: #666;
     280}
     281
     282.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
     283.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
     284    color: #2ea2cc;
     285}
     286
     287.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3 {
    254288    display: none;
    255289}
  • trunk/src/wp-includes/js/media-grid.js

    r29525 r29526  
    227227
    228228        sidebarVisibility: function() {
    229             this.browserView.$( '.media-sidebar' ).toggle( this.errors.length );
     229            if ( this.errors.length ) {
     230                this.browserView.$( '.media-sidebar' ).show();
     231            } else {
     232                this.browserView.$( '.media-sidebar' ).hide();
     233            }
    230234        },
    231235
Note: See TracChangeset for help on using the changeset viewer.