WordPress.org

Make WordPress Core

Ticket #24716: 24716.46.diff

File 24716.46.diff, 3.2 KB (added by ericlewis, 4 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>