WordPress.org

Make WordPress Core

Ticket #25060: 25060.4.patch

File 25060.4.patch, 3.0 KB (added by c3mdigital, 5 years ago)

Replace javascript hex color background animations with class change animations

  • wp-admin/js/edit-comments.js

     
    464464                post.comments_listing = this.comments_listing;
    465465                post.p = $('[name="p"]').val();
    466466
    467                 if ( $('#comment-' + $('#comment_ID').val()).hasClass('unapproved') )
     467                var commentID = $('#comment_ID').val();
     468                var edit_row = $('#comment-' + commentID);
     469                var remove_class;
     470                if (edit_row.hasClass('unapproved'))
    468471                        post.approve_parent = 1;
    469472
     473                if (edit_row.prev().hasClass('even'))
     474                        remove_class = true;
     475
    470476                $.ajax({
    471477                        type : 'POST',
    472478                        url : ajaxurl,
    473479                        data : post,
    474                         success : function(x) { commentReply.show(x); },
     480                        success : function(x) {
     481                                commentReply.show(x);
     482                                if (remove_class)
     483                                        $('#comment-' + commentID).removeClass('even thread-even').addClass('alt odd thread-odd')
     484                        },
    475485                        error : function(r) { commentReply.error(r); }
    476486                });
    477487
     
    479489        },
    480490
    481491        show : function(xml) {
    482                 var t = this, r, c, id, bg, pid;
     492                var t = this, r, c, id, bgClass, pid;
    483493
    484494                if ( typeof(xml) == 'string' ) {
    485495                        t.error({'responseText': xml});
     
    506516                        updatePending( -1 );
    507517
    508518                        if ( this.comments_listing == 'moderated' ) {
    509                                 pid.animate( { 'backgroundColor':'#CCEEBB' }, 400, function(){
    510                                         pid.fadeOut();
    511                                 });
     519                                pid.addClass('status-transition' , 400, setTimeout(function () {
     520                                        pid.removeClass('status-transition');
     521                                }, 400) );
    512522                                return;
    513523                        }
    514524                }
    515525
    516                 $(c).hide()
     526                $(c).hide();
    517527                $('#replyrow').after(c);
    518528                id = $(id);
    519529                t.addEvents(id);
    520                 bg = id.hasClass('unapproved') ? '#FFFFE0' : id.closest('.widefat, .postbox').css('backgroundColor');
     530                bgClass = id.hasClass('unapproved') ? 'unapproved' : 'approved';
    521531
    522                 id.animate( { 'backgroundColor':'#CCEEBB' }, 300 )
    523                         .animate( { 'backgroundColor': bg }, 300, function() {
    524                                 if ( pid && pid.length ) {
    525                                         pid.animate( { 'backgroundColor':'#CCEEBB' }, 300 )
    526                                                 .animate( { 'backgroundColor': bg }, 300 )
    527                                                 .removeClass('unapproved').addClass('approved')
    528                                                 .find('div.comment_status').html('1');
    529                                 }
    530                         });
    531 
     532                id.removeClass(bgClass);
     533                id.addClass('status-transition', 300, setTimeout( function () {
     534                        id.removeClass('status-transition');
     535                        id.addClass(bgClass);
     536                }, 300), function () {
     537                        if (pid && pid.length) {
     538                                pid.removeClass('unapproved');
     539                                pid.addClass('status-transition', 300, setTimeout(function () {
     540                                        pid.removeClass('status-transition');
     541                        }, 300),
     542                        pid.removeClass('unapproved').addClass('approved')
     543                        .find('div.comment_status').html('1'));
     544                        }
     545                });
    532546        },
    533547
    534548        error : function(r) {
  • wp-admin/css/wp-admin.css

     
    10981098        display: inline;
    10991099}
    11001100
     1101.status-transition {
     1102    background-color: #cceebb;
     1103}
     1104
    11011105td.action-links,
    11021106th.action-links {
    11031107        text-align: right;