WordPress.org

Make WordPress Core

Ticket #25821: 25821.7.patch

File 25821.7.patch, 4.8 KB (added by azaozz, 7 years ago)
  • src/wp-admin/css/wp-admin.css

     
    889889input[type="checkbox"]:focus,
    890890input[type="radio"]:focus,
    891891select:focus,
    892 #widgets-chooser ul,
     892.widgets-chooser ul,
    893893#widgets-left .widget-in-question .widget-top,
    894894#available-widgets .widget-top:hover,
    895895div#widgets-right .widget-top:hover {
     
    1039210392        pointer-events: auto;
    1039310393}
    1039410394
    10395 #widgets-chooser ul.widgets-chooser-sidebars {
     10395.widgets-chooser ul.widgets-chooser-sidebars {
    1039610396        margin: 0;
    1039710397        list-style-type: none;
    1039810398        max-height: 300px;
     
    1039910399        overflow: auto;
    1040010400}
    1040110401
    10402 #widgets-chooser {
     10402.widgets-chooser {
    1040310403        display: none;
    1040410404}
    1040510405
    10406 #widgets-chooser ul {
     10406.widgets-chooser ul {
    1040710407        border: 1px solid #ccc;
    1040810408}
    1040910409
    10410 #widgets-chooser li {
     10410.widgets-chooser li {
    1041110411        padding: 10px 15px 10px 35px;
    1041210412        border-bottom: 1px solid #ccc;
    1041310413        background: #fff;
     
    1041810418        transition: background: 0.2s ease-in-out;
    1041910419}
    1042010420
    10421 #widgets-chooser li:hover,
    10422 #widgets-chooser li:focus {
     10421.widgets-chooser li:hover,
     10422.widgets-chooser li:focus {
    1042310423        background: rgba(255,255,255,0.7);
    1042410424}
    1042510425
    10426 #widgets-chooser li:focus:before {
     10426.widgets-chooser li:focus:before {
    1042710427        content: '\f147';
    1042810428        display: block;
    1042910429        -webkit-font-smoothing: antialiased;
     
    1043410434        left: 5px;
    1043510435}
    1043610436
    10437 #widgets-chooser li:last-child {
     10437.widgets-chooser li:last-child {
    1043810438        border: none;
    1043910439}
    1044010440
    10441 #widgets-chooser li.widgets-chooser-selected {
     10441.widgets-chooser li.widgets-chooser-selected {
    1044210442        background: #2ea2cc;
    1044310443        color: #fff;
    1044410444}
    1044510445
    10446 #widgets-chooser li.widgets-chooser-selected:before,
    10447 #widgets-chooser li.widgets-chooser-selected:focus:before {
     10446.widgets-chooser li.widgets-chooser-selected:before,
     10447.widgets-chooser li.widgets-chooser-selected:focus:before {
    1044810448        content: '\f147';
    1044910449        display: block;
    1045010450        -webkit-font-smoothing: antialiased;
     
    1045510455        left: 5px;
    1045610456}
    1045710457
    10458 #widgets-chooser .widgets-chooser-actions {
     10458.widgets-chooser .widgets-chooser-actions {
    1045910459        padding: 10px 0 12px 0;
    1046010460        text-align: center;
    1046110461}
    1046210462
    10463 #widgets-chooser button {
     10463.widgets-chooser button {
    1046410464        margin-right: 5px;
    1046510465}
    1046610466
  • src/wp-admin/js/widgets.js

     
    77        init : function() {
    88                var rem, the_id,
    99                        self = this,
    10                         chooser = $('#widgets-chooser'),
     10                        chooser = $('.widgets-chooser'),
    1111                        selectSidebar = chooser.find('.widgets-chooser-sidebars'),
    1212                        sidebars = $('div.widgets-sortables'),
    1313                        isRTL = !! ( 'undefined' !== typeof isRtl && isRtl );
     
    8282                        helper: 'clone',
    8383                        zIndex: 100,
    8484                        containment: 'document',
    85                         start: function(e,ui) {
     85                        start: function( event, ui ) {
     86                                var chooser = $(this).find('.widgets-chooser');
     87
    8688                                ui.helper.find('div.widget-description').hide();
    8789                                the_id = this.id;
     90
     91                                if ( chooser.length ) {
     92                                        // Hide the chooser and move it out of the widget
     93                                        $( '#wpbody-content' ).append( chooser.hide() );
     94                                        // Delete the cloned chooser from the drag helper
     95                                        ui.helper.find('.widgets-chooser').remove();
     96                                        self.clearWidgetSelection();
     97                                }
    8898                        },
    8999                        stop: function() {
    90100                                if ( rem ) {
     
    103113                        distance: 2,
    104114                        containment: 'document',
    105115                        start: function(e,ui) {
    106                                 ui.item.children('.widget-inside').hide();
     116                                var inside = ui.item.children('.widget-inside');
     117
     118                                if ( inside.css('display') === 'block' ) {
     119                                        inside.hide();
     120                                        $(this).sortable('refreshPositions');
     121                                }
    107122                        },
    108123                        stop: function(e,ui) {
    109124                                if ( ui.item.hasClass('ui-draggable') && ui.item.data('draggable') ) {
     
    203218                                // Open the chooser
    204219                                self.clearWidgetSelection();
    205220                                $( '#widgets-left' ).addClass( 'chooser' );
    206                                 widget.addClass( 'widget-in-question' ).draggable('disable');
     221                                widget.addClass( 'widget-in-question' );
    207222
    208223                                widget.find( '.widget-description' ).after( chooser );
    209224                                chooser.slideDown( 300, function() {
     
    386401        closeChooser: function() {
    387402                var self = this;
    388403
    389                 $( '#widgets-chooser' ).slideUp( 200, function() {
     404                $( '.widgets-chooser' ).slideUp( 200, function() {
    390405                        $( '#wpbody-content' ).append( this );
    391                         $( '#widgets-left .widget-in-question' ).draggable('enable');
    392406                        self.clearWidgetSelection();
    393407                });
    394408        },
  • src/wp-admin/widgets.php

     
    428428<br class="clear" />
    429429</div>
    430430
    431 <div id="widgets-chooser">
     431<div class="widgets-chooser">
    432432        <ul class="widgets-chooser-sidebars"></ul>
    433433        <div class="widgets-chooser-actions">
    434434                <button class="button-secondary"><?php _e( 'Cancel' ); ?></button>