Make WordPress Core


Ignore:
Timestamp:
04/28/2013 10:56:57 AM (11 years ago)
Author:
ocean90
Message:

Revisions UI update:

  • Style status loading as a regular update message like on the other screens
  • Move compare two checkbox to diff header to avoid an overlap on long post titles
  • Restore color shades for the scope of changes visualisation
  • Show tooltips while moving the slider handle
  • Diff header styling
  • Move color declarations to classic/fresh stylesheets
  • Sync admin color stylesheets

props jrbeilke for initial patch. see #23935.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/revision.php

    r24019 r24119  
    100100    <?php screen_icon(); ?>
    101101    <div id="revision-diff-container" class="current-version right-model-loading">
     102        <h2 class="long-header"><?php echo $h2; ?></h2>
     103
    102104        <div id="loading-status" class="updated message">
    103             <span class="spinner" ></span> <?php _e( 'Calculating revision diffs' ); ?>
     105            <p><span class="spinner" ></span> <?php _e( 'Calculating revision diffs' ); ?></p>
    104106        </div>
    105 
    106         <h2 class="long-header"><?php echo $h2; ?></h2>
    107107
    108108        <div class="diff-slider-ticks-wrapper">
     
    124124    </div>
    125125
    126     <div id="diff-header-from" class="diff-header">
    127         <div id="diff-title-from-current-version" class="diff-title">
    128             <?php printf( '<strong>%1$s</strong> %2$s.' , __( 'From:' ), __( 'the current version' ) ); ?>
     126    <div id="diff-header">
     127        <div id="diff-header-from" class="diff-header">
     128            <div id="diff-title-from-current-version" class="diff-title">
     129                <?php printf( '<strong>%1$s</strong> %2$s.' , __( 'From:' ), __( 'the current version' ) ); ?>
     130            </div>
     131
     132            <div id="diff-title-from" class="diff-title">
     133                <strong><?php _e( 'From:' ); ?></strong> {{{ data.titleFrom }}}
     134            </div>
    129135        </div>
    130136
    131         <div id="diff-title-from" class="diff-title">
    132             <strong><?php _e( 'From:' ); ?></strong> {{{ data.titleFrom }}}
     137        <div id="diff-header-to" class="diff-header">
     138            <div id="diff-title-to" class="diff-title">
     139                <strong><?php _e( 'To:' ); ?></strong> {{{ data.titleTo }}}
     140            </div>
     141
     142            <input type="button" id="restore-revision" class="button button-primary" data-restore-link="{{{ data.restoreLink }}}" value="<?php esc_attr_e( 'Restore This Revision' )?>" />
    133143        </div>
    134144    </div>
    135145
    136     <div id="diff-header-to" class="diff-header">
    137         <div id="diff-title-to" class="diff-title">
    138             <strong><?php _e( 'To:' ); ?></strong> {{{ data.titleTo }}}
    139         </div>
    140 
    141         <input type="button" id="restore-revision" class="button button-primary" data-restore-link="{{{ data.restoreLink }}}" value="<?php esc_attr_e( 'Restore This Revision' )?>" />
    142146    </div>
    143147
Note: See TracChangeset for help on using the changeset viewer.