WordPress.org

Make WordPress Core

Ticket #24716: 24716.46.diff

File 24716.46.diff, 3.2 KB (added by ericlewis, 3 years ago)
  • src/wp-includes/css/media-views.css

    diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css
    index 0a2ced6..3cc7020 100644
    a b  
    10161016        top: 0; 
    10171017} 
    10181018 
     1019.uploader-inline .close { 
     1020        background-color: transparent; 
     1021        border: 0; 
     1022        cursor: pointer; 
     1023        height: 48px; 
     1024        position: absolute; 
     1025        right: 20px; 
     1026        text-align: center; 
     1027        top: 20px; 
     1028        width: 50px; 
     1029        z-index: 1; 
     1030} 
     1031 
     1032.uploader-inline .close:before { 
     1033        font: normal 30px/50px 'dashicons' !important; 
     1034        color: #777; 
     1035        display: inline-block; 
     1036        content: '\f335'; 
     1037        font-weight: 300; 
     1038} 
     1039 
    10191040.inline-toolbar { 
    10201041        position: absolute; 
    10211042        top: 0; 
  • src/wp-includes/js/media-views.js

    diff --git a/src/wp-includes/js/media-views.js b/src/wp-includes/js/media-views.js
    index 5f53808..a0ca93a 100644
    a b  
    36163616                className: 'uploader-inline', 
    36173617                template:  media.template('uploader-inline'), 
    36183618 
     3619                events: { 
     3620                        'click .close': 'hide' 
     3621                }, 
     3622 
    36193623                initialize: function() { 
    36203624                        _.defaults( this.options, { 
    36213625                                message: '', 
    3622                                 status:  true 
     3626                                status:  true, 
     3627                                canClose: false 
    36233628                        }); 
    36243629 
    36253630                        if ( ! this.options.$browser && this.controller.uploader ) { 
     
    36393644 
    36403645                prepare: function() { 
    36413646                        var suggestedWidth = this.controller.state().get('suggestedWidth'), 
    3642                                 suggestedHeight = this.controller.state().get('suggestedHeight'); 
     3647                                suggestedHeight = this.controller.state().get('suggestedHeight'), 
     3648                                data = {}; 
     3649 
     3650                        data.canClose = this.options.canClose; 
    36433651 
    36443652                        if ( suggestedWidth && suggestedHeight ) { 
    3645                                 return { 
    3646                                         suggestedWidth: suggestedWidth, 
    3647                                         suggestedHeight: suggestedHeight 
    3648                                 }; 
     3653                                data.suggestedWidth = suggestedWidth; 
     3654                                data.suggestedHeight = suggestedHeight; 
    36493655                        } 
     3656                        return data; 
    36503657                }, 
    36513658                /** 
    36523659                 * @returns {wp.media.view.UploaderInline} Returns itself to allow chaining 
     
    37073714 
    37083715                        this.refresh(); 
    37093716                        return this; 
     3717                }, 
     3718                show: function() { 
     3719                        this.$el.removeClass( 'hidden' ); 
     3720                }, 
     3721                hide: function() { 
     3722                        this.$el.addClass( 'hidden' ); 
    37103723                } 
     3724 
    37113725        }); 
    37123726 
    37133727        /** 
     
    56805694                        this.uploader = new media.view.UploaderInline({ 
    56815695                                controller: this.controller, 
    56825696                                status:     false, 
    5683                                 message:    l10n.noItemsFound 
     5697                                message:    l10n.noItemsFound, 
     5698                                canClose:   this.controller.isModeActive( 'grid' ) 
    56845699                        }); 
    56855700 
    56865701                        this.uploader.$el.addClass( 'hidden' ); 
     
    56885703                }, 
    56895704 
    56905705                showUploader: function() { 
    5691                         this.uploader.$el.removeClass( 'hidden' ); 
     5706                        this.uploader.show(); 
    56925707                }, 
    56935708 
    56945709                createAttachments: function() { 
  • src/wp-includes/media-template.php

    diff --git a/src/wp-includes/media-template.php b/src/wp-includes/media-template.php
    index 78c899e..4a85bd2 100644
    a b function wp_print_media_templates() { 
    160160 
    161161        <script type="text/html" id="tmpl-uploader-inline"> 
    162162                <# var messageClass = data.message ? 'has-upload-message' : 'no-upload-message'; #> 
     163                <# if ( data.canClose ) { #> 
     164                <button class="close dashicons dashicons-no"><span class="screen-reader-text">Close overlay</span></button> 
     165                <# } #> 
    163166                <div class="uploader-inline-content {{ messageClass }}"> 
    164167                <# if ( data.message ) { #> 
    165168                        <h3 class="upload-message">{{ data.message }}</h3>