WordPress.org

Make WordPress Core

Ticket #25060: 25060.4.patch

File 25060.4.patch, 3.0 KB (added by c3mdigital, 8 months 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;