Make WordPress Core

Ticket #33049: 33049.diff

File 33049.diff, 2.6 KB (added by kushang78, 9 months ago)

Added patch for this ticket.

  • src/js/media/views/button/select-mode-toggle.js

    diff --git a/src/js/media/views/button/select-mode-toggle.js b/src/js/media/views/button/select-mode-toggle.js
    index 2c2335bcd5..4583cae7ce 100644
    a b SelectModeToggle = Button.extend(/** @lends wp.media.view.SelectModeToggle.proto 
    5555                                size: 'large',
    5656                                text: l10n.cancel
    5757                        } );
    58                         children.not( '.spinner, .media-button' ).hide();
     58                        children.not( '.spinner, .media-button, .media-bg-overlay' ).hide();
    5959                        this.$el.show();
    6060                        toolbar.$el.addClass( 'media-toolbar-mode-select' );
    6161                        toolbar.$( '.delete-selected-button' ).removeClass( 'hidden' );
  • src/js/media/views/toolbar.js

    diff --git a/src/js/media/views/toolbar.js b/src/js/media/views/toolbar.js
    index 1beb428fe6..e2ddeeb150 100644
    a b Toolbar = View.extend(/** @lends wp.media.view.Toolbar.prototype */{ 
    2828                // The toolbar is composed of two `PriorityList` views.
    2929                this.primary   = new wp.media.view.PriorityList();
    3030                this.secondary = new wp.media.view.PriorityList();
     31                this.third     = new wp.media.view.PriorityList();
    3132                this.primary.$el.addClass('media-toolbar-primary search-form');
    3233                this.secondary.$el.addClass('media-toolbar-secondary');
     34                this.third.$el.addClass('media-bg-overlay');
    3335
    34                 this.views.set([ this.secondary, this.primary ]);
     36                this.views.set([ this.secondary, this.primary, this.third ]);
    3537
    3638                if ( this.options.items ) {
    3739                        this.set( this.options.items, { silent: true });
    Toolbar = View.extend(/** @lends wp.media.view.Toolbar.prototype */{ 
    122124                delete this._views[ id ];
    123125                this.primary.unset( id, options );
    124126                this.secondary.unset( id, options );
     127                this.third.unset( id, options );
    125128
    126129                if ( ! options || ! options.silent ) {
    127130                        this.refresh();
  • 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 eaa9562fca..e01814f601 100644
    a b  
    28152815                font-size: 14px;
    28162816                line-height: 2.71428571;
    28172817        }
     2818
     2819        .media-frame .wp-filter .media-toolbar-secondary {
     2820                position: unset;
     2821        }
     2822       
     2823        .media-frame .media-toolbar-secondary .spinner {
     2824                position: absolute;
     2825                top: 0;
     2826                bottom: 0;
     2827                margin: auto;
     2828                left: 0;
     2829                right: 0;
     2830                z-index: 9;
     2831        }
     2832       
     2833        .media-bg-overlay {
     2834                visibility: hidden;
     2835                content: '';
     2836                background: #ffffff;
     2837                width: 100%;
     2838                height: 100%;
     2839                display: block;
     2840                position: absolute;
     2841                left: 0;
     2842                right: 0;
     2843                top: 0;
     2844                bottom: 0;
     2845                opacity: 0.6;
     2846        }
    28182847}
    28192848
    28202849/* Responsive on portrait and landscape */