Ticket #23396: revisions-page-patch-2-responsive.diff

wp-includes/post-template.php

@@ -1371 +1371 @@
         }
 
         /* translators: post revision: 1: when, 2: author name */
-        $titlef = _x( '%1$s by %2$s', 'post revision' );
+        $titlef = _x( '<strong>%1$s:</strong> %2$s', 'post revision' );
 
         if ( $parent )
                 array_unshift( $revisions, $post );
@@ -1387 +1387 @@
 
                 $date = wp_post_revision_title( $revision );
                 $name = get_the_author_meta( 'display_name', $revision->post_author );
+                
 
                 if ( 'form-table' == $format ) {
                         if ( $left )
@@ -1402 +1403 @@
                         else
                                 $actions = '';
 
+                        $avatar = get_avatar( $revision->post_author, 24 );
                         $rows .= "<tr$class>\n";
                         $rows .= "\t<th style='white-space: nowrap' scope='row'><input type='radio' name='left' value='$revision->ID'$left_checked /></th>\n";
                         $rows .= "\t<th style='white-space: nowrap' scope='row'><input type='radio' name='right' value='$revision->ID'$right_checked /></th>\n";
-                        $rows .= "\t<td>$date</td>\n";
-                        $rows .= "\t<td>$name</td>\n";
+                        $rows .= "\t<td class='revision-details'>$avatar <strong>$name:</strong> $date</td>\n";
                         $rows .= "\t<td class='action-links'>$actions</td>\n";
                         $rows .= "</tr>\n";
                 } else {
-                        $title = sprintf( $titlef, $date, $name );
-                        $rows .= "\t<li>$title</li>\n";
+                        $avatar = get_avatar( $revision->post_author, 18 );
+                        $title = sprintf( $titlef, $name, $date );
+                        $rows .= "\t<li>$avatar $title</li>\n";
                 }
         }
 
@@ -1432 +1434 @@
 <table class="widefat post-revisions" cellspacing="0" id="post-revisions">
         <col />
         <col />
-        <col style="width: 33%" />
-        <col style="width: 33%" />
-        <col style="width: 33%" />
+        <col style="width: 75%" />
+        <col style="width: 10%" />
 <thead>
 <tr>
         <th scope="col"><?php /* translators: column name in revisions */ _ex( 'Old', 'revisions column name' ); ?></th>
         <th scope="col"><?php /* translators: column name in revisions */ _ex( 'New', 'revisions column name' ); ?></th>
-        <th scope="col"><?php /* translators: column name in revisions */ _ex( 'Date Created', 'revisions column name' ); ?></th>
-        <th scope="col"><?php _e( 'Author' ); ?></th>
+        <th scope="col"><?php /* translators: column name in revisions */ _ex( 'Revision Details', 'revisions column name' ); ?></th>
         <th scope="col" class="action-links"><?php _e( 'Actions' ); ?></th>
 </tr>
 </thead>

wp-admin/revision.php

@@ -153 +153 @@
 
 <h2 class="long-header"><?php echo $h2; ?></h2>
 
-<table class="form-table ie-fixed">
+<table class="form-table ie-fixed revision-compare">
         <col class="th" />
 <?php if ( 'diff' == $action ) : ?>
 <tr id="revision">
-        <th scope="row"></th>
         <th scope="col" class="th-full">
                 <span class="alignleft"><?php printf( __('Older: %s'), wp_post_revision_title( $left_revision ) ); ?></span>
                 <span class="alignright"><?php printf( __('Newer: %s'), wp_post_revision_title( $right_revision ) ); ?></span>
@@ -181 +180 @@
         ?>
 
         <tr id="revision-field-<?php echo $field; ?>">
-                <th scope="row"><?php echo esc_html( $field_title ); ?></th>
                 <td><div class="pre"><?php echo $content; ?></div></td>
         </tr>
 
@@ -203 +201 @@
 
 </table>
 
-<br class="clear" />
-
+<div id="revisions-detail-list">
 <h3><?php echo $title; ?></h3>
 
 <?php
@@ -216 +213 @@
 wp_list_post_revisions( $post, $args );
 
 ?>
-
 </div>
+</div>
 
 <?php
 require_once( './admin-footer.php' );

wp-admin/css/wp-admin.css

@@ -8585 +8585 @@
 .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap {
         margin-left: 8em;
 }
+ul.post-revisions img {
+        float: left;
+        margin: 2px;
+}
+ul.post-revisions li {
+        border-bottom: 1px solid #FFF;
+}
+ul.post-revisions li  a {
+        line-height: 24px;
+}
+table#post-revisions tr td.revision-details {
+        line-height: 30px;
+        padding: 0;
+        vertical-align: middle;;
+}
+table#post-revisions tr td img {
+        float: left;
+        margin: 4px;
+}
+@media screen and (min-width: 1200px) {
+        .revision-compare {
+                float: right;
+                width: 70%;
+        }
+        #revisions-detail-list {
+                float: left;
+                width: 30%;
+        }
+}
+ No newline at end of file