WordPress.org

Make WordPress Core

Ticket #23120: 23120.14.diff

File 23120.14.diff, 3.0 KB (added by cdog, 2 years ago)
  • wp-admin/css/widgets.css

     
    3737        user-select: none; 
    3838} 
    3939 
     40.widget-title h3:before, 
     41.widget-title h4:before { 
     42        -moz-osx-font-smoothing: grayscale; 
     43        -webkit-font-smoothing: antialiased; 
     44        -webkit-transition: all 0.2s ease-in-out; 
     45        background-color: #84d24c; 
     46        color: #fff; 
     47        content: "\f147"; 
     48        display: inline-block; 
     49        filter: alpha(opacity=0); 
     50        font: normal 26px/1 dashicons; 
     51        margin: -23px 15px -23px -15px; 
     52        opacity: 0; 
     53        overflow: hidden; 
     54        padding-bottom: 15px; 
     55        padding-top: 15px; 
     56        speak: none; 
     57        text-align: center; 
     58        transition: all 0.2s ease-in-out; 
     59        vertical-align: middle; 
     60        width: 0; 
     61} 
     62 
     63.widget.success .widget-title h3:before, 
     64.widget.success .widget-title h4:before { 
     65        filter: alpha(opacity=100); 
     66        opacity: 1; 
     67        width: 48px; 
     68} 
     69 
     70.widget.failure .spinner { 
     71        background: #a00; 
     72        filter: alpha(opacity=100); 
     73        float: left; 
     74        margin-right: 5px; 
     75        margin-top: 2px; 
     76        opacity: 1; 
     77        padding: 3px 3px 1px; 
     78        visibility: visible; 
     79} 
     80 
     81.widget.failure .spinner:before { 
     82        -moz-osx-font-smoothing: grayscale; 
     83        -webkit-font-smoothing: antialiased; 
     84        color: #fff; 
     85        content: "\f335"; 
     86        font: normal 20px/1 dashicons; 
     87        speak: none; 
     88} 
     89 
     90.widget.failure .feedback { 
     91        float: left; 
     92        line-height: 28px; 
     93        margin-right: 10px; 
     94} 
     95 
    4096.widgets-holder-wrap .widget-inside { 
    4197        border-top: none; 
    4298        padding: 1px 15px 15px 15px; 
  • wp-admin/js/widgets.js

     
    1 /*global ajaxurl, isRtl */ 
     1/*global ajaxurl, isRtl, _wpWidgetSettings */ 
    22var wpWidgets; 
    33(function($) { 
    44        var $document = $( document ); 
     
    456456                        if ( order ) { 
    457457                                wpWidgets.saveOrder(); 
    458458                        } 
     459                }) 
     460                .done( function () { 
     461                        widget.find( '.widget-title' ).trigger( 'click' ); 
     462                        widget.addClass( 'success' ); 
     463 
     464                        setTimeout( function() { 
     465                                widget.removeClass( 'success' ); 
     466                        }, 1000 ); 
     467                }) 
     468                .fail( function() { 
     469                        var $element = $( '<div class="feedback">' + _wpWidgetSettings.saveFailed + '</div>' ); 
     470 
     471                        widget.find( '.widget-control-actions .alignright' ).append($element); 
     472                        widget.addClass( 'failure' ); 
     473 
     474                        $( '.spinner', widget ).addClass( 'is-active' ); 
     475 
     476                        setTimeout( function() { 
     477                                $( '.spinner', widget ).removeClass( 'is-active' ); 
     478                                $element.remove(); 
     479 
     480                                widget.removeClass( 'failure' ); 
     481                        }, 1000 ); 
    459482                }); 
    460483        }, 
    461484 
  • wp-admin/widgets.php

     
    3131} else { 
    3232        wp_enqueue_script('admin-widgets'); 
    3333 
    34         if ( wp_is_mobile() ) 
     34        wp_localize_script( 'admin-widgets', '_wpWidgetSettings', array( 
     35                'saveFailed' => __( 'Save failed, try again' ) 
     36        ) ); 
     37 
     38        if ( wp_is_mobile() ) { 
    3539                wp_enqueue_script( 'jquery-touch-punch' ); 
     40        } 
    3641} 
    3742 
    3843/**