WordPress.org

Make WordPress Core

Ticket #18198: 18198.theme-screens.diff

File 18198.theme-screens.diff, 6.4 KB (added by helenyhou, 3 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;