Make WordPress Core

Ticket #24804: 24804.diff

File 24804.diff, 7.5 KB (added by aaroncampbell, 11 years ago)
  • wp-admin/css/colors-fresh.css

     
    13791379        border: 1px solid #dfdfdf;
    13801380}
    13811381
     1382.revisions-controls {
     1383        background: #fff;
     1384        background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(30px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
     1385        background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
     1386        background:    -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
     1387        background:      -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
     1388        background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
     1389}
     1390
    13821391.revisions-tooltip,
    13831392.revisions-tooltip-arrow span {
    13841393        border-color: #d7d7d7;
     
    13961405/* jQuery UI Slider */
    13971406.wp-slider.ui-slider {
    13981407        border-color: #d7d7d7;
    1399         background: transparent;
    14001408}
    14011409
    14021410.wp-slider .ui-slider-handle {
  • wp-admin/css/wp-admin.css

     
    35113511/*------------------------------------------------------------------------------
    35123512  11.2 - Post Revisions
    35133513------------------------------------------------------------------------------*/
     3514.revisions {
     3515        position: relative;
     3516}
     3517
    35143518.revisions-control-frame,
    35153519.revisions-diff-frame {
    35163520        position: relative;
     
    35193523.revisions-controls {
    35203524        padding-top: 40px;
    35213525        height: 100px;
     3526        z-index: 1;
    35223527}
    35233528
    35243529.revisions-controls input[type="checkbox"] {
     
    35273532        vertical-align: text-bottom;
    35283533}
    35293534
     3535.revisions.pinned .revisions-controls {
     3536        position: fixed;
     3537        top: 0;
     3538        padding-bottom: 10px;
     3539}
     3540
    35303541.revisions-tickmarks {
    35313542        position: relative;
    35323543        margin: 0 auto;
     
    35713582}
    35723583
    35733584.revisions .loading-indicator {
    3574         position: absolute;
     3585        position: fixed;
    35753586        vertical-align: middle;
    35763587        opacity: 0;
    35773588        width: 100%;
    3578         top: 3em;
     3589        top: 50%;
     3590        margin-left: -90px;
    35793591        -webkit-transition: opacity 0.5s;
    35803592        -moz-transition:    opacity 0.5s;
    35813593        -ms-transition:     opacity 0.5s;
     
    35843596        filter: alpha(opacity=0); /* ie8 and earlier */
    35853597}
    35863598
     3599body.folded .revisions .loading-indicator {
     3600        margin-left: -32px;
     3601}
     3602
    35873603.revisions .loading-indicator span.spinner {
    35883604        display: block;
    35893605        margin: 0 auto;
     
    36893705        text-decoration: none;
    36903706}
    36913707
    3692 #diff-title-to strong {
    3693         display: inline;
    3694 }
    3695 
    36963708#diff-header {
    36973709        -webkit-border-radius: 3px;
    36983710        border-radius: 3px;
     
    37303742        display: none;
    37313743}
    37323744
    3733 .comparing-two-revisions #diff-title-from,
    37343745.comparing-two-revisions #diff-header-from {
    37353746        display: block;
    37363747}
     
    37543765        transition:         left 15ms;
    37553766}
    37563767
     3768.revisions.pinned .revisions-tooltip {
     3769        display: none !important;
     3770}
     3771
    37573772.comparing-two-revisions .revisions-tooltip {
    37583773        bottom: 145px;
    37593774}
     
    37933808.ie8 .revisions-tooltip-arrow > span {
    37943809        left: 14px;
    37953810        top: -25px;
    3796         -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
     3811        -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    37973812}
    37983813
    37993814.revisions-tooltip,
  • wp-admin/css/wp-admin-rtl.css

     
    976976        padding: 9px 0 0 9px;
    977977}
    978978
     979.revisions .loading-indicator {
     980        margin-right: -90px;
     981}
     982
     983body.folded .revisions .loading-indicator {
     984        margin-right: -32px;
     985}
     986
    979987.revisions-next {
    980988        float: left;
    981989}
     
    984992        float: right;
    985993}
    986994
    987 #diff-header {
    988         padding: 5px 5px 5px 200px;
    989 }
    990 
    991995.diff-title {
    992996        float: right;
    993997}
  • wp-admin/css/colors-classic.css

     
    14851485        border: 1px solid #d1e5ee;
    14861486}
    14871487
     1488.revisions-controls {
     1489        background: #fff;
     1490        background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(30px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
     1491        background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
     1492        background:    -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
     1493        background:      -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
     1494        background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
     1495}
     1496
    14881497.revisions-tooltip,
    14891498.revisions-tooltip-arrow span {
    14901499        border-color: #d1e5ee;
    14911500        background-color: #fff;
    14921501}
    14931502
     1503.revisions-tickmarks > div {
     1504        border-color: #d1e5ee;
     1505}
     1506
    14941507#diff-title-to strong {
    14951508        color: #08a;
    14961509}
     
    14981511/* jQuery UI Slider */
    14991512.wp-slider.ui-slider {
    15001513        border-color: #d1e5ee;
    1501         background: #eff8ff;
    15021514}
    15031515
    15041516.wp-slider .ui-slider-handle {
     
    15071519}
    15081520
    15091521.wp-slider .ui-slider-handle {
    1510         border-color: #ccc;
    15111522        border-color: #d0dfe9;
    15121523        background: #eff8ff;
    15131524        background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff));
  • wp-admin/js/revisions.js

     
    531531                className: 'revisions-controls',
    532532
    533533                initialize: function() {
     534                        _.bindAll( this, 'setWidth' );
     535
    534536                        // Add the button view
    535537                        this.views.add( new revisions.view.Buttons({
    536538                                model: this.model
     
    573575                        this.views.add( new revisions.view.Meta({
    574576                                model: this.model
    575577                        }) );
     578                },
    576579
     580                ready: function() {
     581                        this.top = this.$el.offset().top;
     582                        this.window = $(window);
     583                        this.window.on( 'scroll.wp.revisions', {controls: this}, function(e) {
     584                                var controls = e.data.controls;
     585                                var container = controls.$el.parent();
     586                                var scrolled = controls.window.scrollTop();
     587                                var frame = controls.views.parent;
     588
     589                                if ( scrolled >= controls.top ) {
     590                                        if ( ! frame.$el.hasClass('pinned') ) {
     591                                                controls.setWidth();
     592                                                container.css('height', container.height() + 'px' );
     593                                                controls.window.on('resize.wp.revisions.pinning click.wp.revisions.pinning', {controls: controls}, function(e) {
     594                                                        e.data.controls.setWidth();
     595                                                });
     596                                        }
     597                                        frame.$el.addClass('pinned');
     598                                } else if ( frame.$el.hasClass('pinned') ) {
     599                                        controls.window.off('.wp.revisions.pinning');
     600                                        controls.$el.css('width', 'auto');
     601                                        frame.$el.removeClass('pinned');
     602                                        container.css('height', 'auto');
     603                                        controls.top = controls.$el.offset().top;
     604                                } else {
     605                                        controls.top = controls.$el.offset().top;
     606                                }
     607                        });
     608                },
     609
     610                setWidth: function() {
     611                        this.$el.css('width', this.$el.parent().width() + 'px');
    577612                }
    578613        });
    579614
     
    627662
    628663                initialize: function() {
    629664                        this.listenTo( this.model, 'update:revisions', this.ready );
     665                        this.listenTo( this.model, 'update:revisions', this.render);
    630666                },
    631667
    632668                prepare: function() {