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.

git-svn-id: https://develop.svn.wordpress.org/trunk@24119 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Dominik Schilling (ocean90)
2013-04-28 10:56:57 +00:00
parent 57b9f9ecab
commit 800d88397a
5 changed files with 145 additions and 87 deletions
+19 -15
View File
@@ -99,12 +99,12 @@ require_once( './admin-header.php' );
<div class="wrap">
<?php screen_icon(); ?>
<div id="revision-diff-container" class="current-version right-model-loading">
<div id="loading-status" class="updated message">
<span class="spinner" ></span> <?php _e( 'Calculating revision diffs' ); ?>
</div>
<h2 class="long-header"><?php echo $h2; ?></h2>
<div id="loading-status" class="updated message">
<p><span class="spinner" ></span> <?php _e( 'Calculating revision diffs' ); ?></p>
</div>
<div class="diff-slider-ticks-wrapper">
<div id="diff-slider-ticks"></div>
</div>
@@ -123,22 +123,26 @@ require_once( './admin-header.php' );
</label>
</div>
<div id="diff-header-from" class="diff-header">
<div id="diff-title-from-current-version" class="diff-title">
<?php printf( '<strong>%1$s</strong> %2$s.' , __( 'From:' ), __( 'the current version' ) ); ?>
<div id="diff-header">
<div id="diff-header-from" class="diff-header">
<div id="diff-title-from-current-version" class="diff-title">
<?php printf( '<strong>%1$s</strong> %2$s.' , __( 'From:' ), __( 'the current version' ) ); ?>
</div>
<div id="diff-title-from" class="diff-title">
<strong><?php _e( 'From:' ); ?></strong> {{{ data.titleFrom }}}
</div>
</div>
<div id="diff-title-from" class="diff-title">
<strong><?php _e( 'From:' ); ?></strong> {{{ data.titleFrom }}}
<div id="diff-header-to" class="diff-header">
<div id="diff-title-to" class="diff-title">
<strong><?php _e( 'To:' ); ?></strong> {{{ data.titleTo }}}
</div>
<input type="button" id="restore-revision" class="button button-primary" data-restore-link="{{{ data.restoreLink }}}" value="<?php esc_attr_e( 'Restore This Revision' )?>" />
</div>
</div>
<div id="diff-header-to" class="diff-header">
<div id="diff-title-to" class="diff-title">
<strong><?php _e( 'To:' ); ?></strong> {{{ data.titleTo }}}
</div>
<input type="button" id="restore-revision" class="button button-primary" data-restore-link="{{{ data.restoreLink }}}" value="<?php esc_attr_e( 'Restore This Revision' )?>" />
</div>
<div id="diff-table">{{{ data.diff }}}</div>