WordPress.org

Make WordPress Core

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

File revisions-page-patch-2-responsive.diff, 4.4 KB (added by adamsilverstein, 15 months ago)

responsive design puts revision list to left on wider screens

  • wp-includes/post-template.php

     
    13711371        } 
    13721372 
    13731373        /* translators: post revision: 1: when, 2: author name */ 
    1374         $titlef = _x( '%1$s by %2$s', 'post revision' ); 
     1374        $titlef = _x( '<strong>%1$s:</strong> %2$s', 'post revision' ); 
    13751375 
    13761376        if ( $parent ) 
    13771377                array_unshift( $revisions, $post ); 
     
    13871387 
    13881388                $date = wp_post_revision_title( $revision ); 
    13891389                $name = get_the_author_meta( 'display_name', $revision->post_author ); 
     1390                 
    13901391 
    13911392                if ( 'form-table' == $format ) { 
    13921393                        if ( $left ) 
     
    14021403                        else 
    14031404                                $actions = ''; 
    14041405 
     1406                        $avatar = get_avatar( $revision->post_author, 24 ); 
    14051407                        $rows .= "<tr$class>\n"; 
    14061408                        $rows .= "\t<th style='white-space: nowrap' scope='row'><input type='radio' name='left' value='$revision->ID'$left_checked /></th>\n"; 
    14071409                        $rows .= "\t<th style='white-space: nowrap' scope='row'><input type='radio' name='right' value='$revision->ID'$right_checked /></th>\n"; 
    1408                         $rows .= "\t<td>$date</td>\n"; 
    1409                         $rows .= "\t<td>$name</td>\n"; 
     1410                        $rows .= "\t<td class='revision-details'>$avatar <strong>$name:</strong> $date</td>\n"; 
    14101411                        $rows .= "\t<td class='action-links'>$actions</td>\n"; 
    14111412                        $rows .= "</tr>\n"; 
    14121413                } else { 
    1413                         $title = sprintf( $titlef, $date, $name ); 
    1414                         $rows .= "\t<li>$title</li>\n"; 
     1414                        $avatar = get_avatar( $revision->post_author, 18 ); 
     1415                        $title = sprintf( $titlef, $name, $date ); 
     1416                        $rows .= "\t<li>$avatar $title</li>\n"; 
    14151417                } 
    14161418        } 
    14171419 
     
    14321434<table class="widefat post-revisions" cellspacing="0" id="post-revisions"> 
    14331435        <col /> 
    14341436        <col /> 
    1435         <col style="width: 33%" /> 
    1436         <col style="width: 33%" /> 
    1437         <col style="width: 33%" /> 
     1437        <col style="width: 75%" /> 
     1438        <col style="width: 10%" /> 
    14381439<thead> 
    14391440<tr> 
    14401441        <th scope="col"><?php /* translators: column name in revisions */ _ex( 'Old', 'revisions column name' ); ?></th> 
    14411442        <th scope="col"><?php /* translators: column name in revisions */ _ex( 'New', 'revisions column name' ); ?></th> 
    1442         <th scope="col"><?php /* translators: column name in revisions */ _ex( 'Date Created', 'revisions column name' ); ?></th> 
    1443         <th scope="col"><?php _e( 'Author' ); ?></th> 
     1443        <th scope="col"><?php /* translators: column name in revisions */ _ex( 'Revision Details', 'revisions column name' ); ?></th> 
    14441444        <th scope="col" class="action-links"><?php _e( 'Actions' ); ?></th> 
    14451445</tr> 
    14461446</thead> 
  • wp-admin/revision.php

     
    153153 
    154154<h2 class="long-header"><?php echo $h2; ?></h2> 
    155155 
    156 <table class="form-table ie-fixed"> 
     156<table class="form-table ie-fixed revision-compare"> 
    157157        <col class="th" /> 
    158158<?php if ( 'diff' == $action ) : ?> 
    159159<tr id="revision"> 
    160         <th scope="row"></th> 
    161160        <th scope="col" class="th-full"> 
    162161                <span class="alignleft"><?php printf( __('Older: %s'), wp_post_revision_title( $left_revision ) ); ?></span> 
    163162                <span class="alignright"><?php printf( __('Newer: %s'), wp_post_revision_title( $right_revision ) ); ?></span> 
     
    181180        ?> 
    182181 
    183182        <tr id="revision-field-<?php echo $field; ?>"> 
    184                 <th scope="row"><?php echo esc_html( $field_title ); ?></th> 
    185183                <td><div class="pre"><?php echo $content; ?></div></td> 
    186184        </tr> 
    187185 
     
    203201 
    204202</table> 
    205203 
    206 <br class="clear" /> 
    207  
     204<div id="revisions-detail-list"> 
    208205<h3><?php echo $title; ?></h3> 
    209206 
    210207<?php 
     
    216213wp_list_post_revisions( $post, $args ); 
    217214 
    218215?> 
    219  
    220216</div> 
     217</div> 
    221218 
    222219<?php 
    223220require_once( './admin-footer.php' ); 
  • wp-admin/css/wp-admin.css

     
    85858585.locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap { 
    85868586        margin-left: 8em; 
    85878587} 
     8588ul.post-revisions img { 
     8589        float: left; 
     8590        margin: 2px; 
     8591} 
     8592ul.post-revisions li { 
     8593        border-bottom: 1px solid #FFF; 
     8594} 
     8595ul.post-revisions li  a { 
     8596        line-height: 24px; 
     8597} 
     8598table#post-revisions tr td.revision-details { 
     8599        line-height: 30px; 
     8600        padding: 0; 
     8601        vertical-align: middle;; 
     8602} 
     8603table#post-revisions tr td img { 
     8604        float: left; 
     8605        margin: 4px; 
     8606} 
     8607@media screen and (min-width: 1200px) { 
     8608        .revision-compare { 
     8609                float: right; 
     8610                width: 70%; 
     8611        } 
     8612        #revisions-detail-list { 
     8613                float: left; 
     8614                width: 30%; 
     8615        } 
     8616} 
     8617 No newline at end of file