WordPress.org

Make WordPress Core

Ticket #18198: 18198.theme-screens.diff

File 18198.theme-screens.diff, 6.4 KB (added by helenyhou, 7 years ago)

No borders, no JS

  • wp-admin/includes/class-wp-theme-install-list-table.php

     
    2222
    2323                $paged = $this->get_pagenum();
    2424
    25                 $per_page = 30;
     25                $per_page = 36;
    2626
    2727                // These are the tabs which are shown on the page,
    2828                $tabs = array();
     
    130130
    131131                // wp_nonce_field( "fetch-list-" . get_class( $this ), '_ajax_fetch_list_nonce' );
    132132?>
    133                 <div class="tablenav top">
     133                <div class="tablenav top themes">
    134134                        <div class="alignleft actions">
    135135                                <?php do_action( 'install_themes_table_header' ); ?>
    136136                        </div>
     
    139139                        <br class="clear" />
    140140                </div>
    141141
    142                 <table id="availablethemes" cellspacing="0" cellpadding="0">
    143                         <tbody id="the-list" class="list:themes">
    144                                 <?php $this->display_rows_or_placeholder(); ?>
    145                         </tbody>
    146                 </table>
     142                <div id="availablethemes">
     143                        <?php $this->display_rows_or_placeholder(); ?>
     144                </div>
    147145
    148                 <div class="tablenav bottom">
     146                <div class="tablenav bottom themes">
    149147                        <?php $this->pagination( 'bottom' ); ?>
    150148                        <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
    151149                        <br class="clear" />
     
    155153
    156154        function display_rows() {
    157155                $themes = $this->items;
     156                $theme_names = array_keys( $themes );
    158157
    159                 $rows = ceil( count( $themes ) / 3 );
    160                 $table = array();
    161                 $theme_keys = array_keys( $themes );
    162                 for ( $row = 1; $row <= $rows; $row++ )
    163                         for ( $col = 1; $col <= 3; $col++ )
    164                                 $table[$row][$col] = array_shift( $theme_keys );
    165 
    166                 foreach ( $table as $row => $cols ) {
    167                         echo "\t<tr>\n";
    168                         foreach ( $cols as $col => $theme_index ) {
     158                foreach ( $theme_names as $theme_name ) {
    169159                                $class = array( 'available-theme' );
    170                                 if ( $row == 1 ) $class[] = 'top';
    171                                 if ( $col == 1 ) $class[] = 'left';
    172                                 if ( $row == $rows ) $class[] = 'bottom';
    173                                 if ( $col == 3 ) $class[] = 'right';
    174160                                ?>
    175                                 <td class="<?php echo join( ' ', $class ); ?>"><?php
    176                                         if ( isset( $themes[$theme_index] ) )
    177                                                 display_theme( $themes[$theme_index] );
    178                                 ?></td>
    179                         <?php } // end foreach $cols
    180                         echo "\t</tr>\n";
    181                 } // end foreach $table
     161                                <div class="<?php echo join( ' ', $class ); ?>"><?php
     162                                        if ( isset( $themes[$theme_name] ) )
     163                                                display_theme( $themes[$theme_name] );
     164                                ?></div>
     165                <?php } // end foreach $theme_names
    182166        }
    183167}
    184168
  • wp-admin/includes/class-wp-themes-list-table.php

     
    4747                unset( $themes[$ct->name] );
    4848                uksort( $themes, "strnatcasecmp" );
    4949
    50                 $per_page = 15;
     50                $per_page = 24;
    5151                $page = $this->get_pagenum();
    5252
    5353                $start = ( $page - 1 ) * $per_page;
     
    9292                if ( $this->get_pagination_arg( 'total_pages' ) <= 1 )
    9393                        return;
    9494                ?>
    95                 <div class="tablenav <?php echo $which; ?>">
     95                <div class="tablenav themes <?php echo $which; ?>">
    9696                        <?php $this->pagination( $which ); ?>
    9797                   <img src="<?php echo esc_url( admin_url( 'images/wpspin_light.gif' ) ); ?>" class="ajax-loading list-ajax-loading" alt="" />
    9898                  <br class="clear" />
     
    105105?>
    106106                <?php $this->tablenav( 'top' ); ?>
    107107
    108                 <table id="availablethemes" cellspacing="0" cellpadding="0">
    109                         <tbody id="the-list" class="list:themes">
    110                                 <?php $this->display_rows_or_placeholder(); ?>
    111                         </tbody>
    112                 </table>
     108                <div id="availablethemes">
     109                        <?php $this->display_rows_or_placeholder(); ?>
     110                </div>
    113111
    114112                <?php $this->tablenav( 'bottom' ); ?>
    115113<?php
     
    120118        }
    121119
    122120        function display_rows() {
    123                 $themes = $this->items;
     121                $themes = $this->items;         
    124122                $theme_names = array_keys( $themes );
    125123                natcasesort( $theme_names );
    126124
    127                 $table = array();
    128                 $rows = ceil( count( $theme_names ) / 3 );
    129                 for ( $row = 1; $row <= $rows; $row++ )
    130                         for ( $col = 1; $col <= 3; $col++ )
    131                                 $table[$row][$col] = array_shift( $theme_names );
    132 
    133                 foreach ( $table as $row => $cols ) {
    134 ?>
    135 <tr>
    136 <?php
    137 foreach ( $cols as $col => $theme_name ) {
    138         $class = array( 'available-theme' );
    139         if ( $row == 1 ) $class[] = 'top';
    140         if ( $col == 1 ) $class[] = 'left';
    141         if ( $row == $rows ) $class[] = 'bottom';
    142         if ( $col == 3 ) $class[] = 'right';
    143 ?>
    144         <td class="<?php echo join( ' ', $class ); ?>">
    145 <?php if ( !empty( $theme_name ) ) :
     125        foreach ( $theme_names as $theme_name ) {
     126                $class = array( 'available-theme' );
     127        ?>
     128        <div class="<?php echo join( ' ', $class ); ?>">
     129        <?php if ( !empty( $theme_name ) ) :
    146130        $template = $themes[$theme_name]['Template'];
    147131        $stylesheet = $themes[$theme_name]['Stylesheet'];
    148132        $title = $themes[$theme_name]['Title'];
     
    194178<?php endif; ?>
    195179                <?php theme_update_available( $themes[$theme_name] ); ?>
    196180<?php endif; // end if not empty theme_name ?>
    197         </td>
    198 <?php } // end foreach $cols ?>
    199 </tr>
    200 <?php } // end foreach $table
     181        </div>
     182<?php } // end foreach $theme_names
    201183        }
    202184
    203185        function search_theme( $theme ) {
  • wp-admin/css/wp-admin.dev.css

     
    23632363        vertical-align: middle;
    23642364}
    23652365
     2366.tablenav.themes {
     2367        max-width: 98%;
     2368}
     2369
    23662370.tablenav .tablenav-pages {
    23672371        float: right;
    23682372        display: block;
     
    35393543        border-width: 1px;
    35403544        border-style: solid;
    35413545        line-height: 2em;
     3546        max-width: 1000px;
    35423547        padding: 8px 12px 12px;
    35433548        text-align: justify;
    35443549}
     
    43354340        height:auto;
    43364341}
    43374342
    4338 table#availablethemes {
    4339         border-spacing: 0;
    4340         border-width: 1px 0;
    4341         border-style: solid none;
    4342         margin: 10px auto;
    4343         width: 100%;
    4344 }
    4345 
    4346 table#availablethemes .no-items td{
    4347         border-width:0;
    4348         padding:5px;
    4349 }
    4350 
    4351 td.available-theme {
     4343.available-theme {
     4344        display: inline-block;
     4345        margin-bottom: 10px;
     4346        margin-right: 25px;
     4347        overflow: hidden;
     4348        padding: 20px;
    43524349        vertical-align: top;
    43534350        width: 240px;
    4354         margin: 0;
    4355         padding: 20px;
    4356         text-align: left;
    43574351}
    43584352
    4359 table#availablethemes td {
    4360         border-width: 0 1px 1px;
    4361         border-style: none solid solid;
    4362 }
    4363 
    4364 table#availablethemes td.right,
    4365 table#availablethemes td.left  {
    4366         border-right: 0 none;
    4367         border-left: 0 none;
    4368 }
    4369 
    4370 table#availablethemes td.bottom {
    4371         border-bottom: 0 none;
    4372 }
    4373 
    43744353.available-theme a.screenshot {
    43754354        width: 240px;
    43764355        height: 180px;