Make WordPress Core

Changeset 26462


Ignore:
Timestamp:
11/29/2013 04:03:30 AM (11 years ago)
Author:
dd32
Message:

Themes: Add a default image for when a theme doesn't have a screenshot. Props matveb. See #25959

Location:
trunk/src/wp-admin
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/theme.css

    r26461 r26462  
    509509/* First screenshot, shown big */
    510510.theme-overlay .screenshot {
    511     background: #000;
    512511    border: 1px solid #fff;
    513512    -moz-box-sizing: border-box;
     
    562561    opacity: 0.8;
    563562}
     563
     564/* No screenshot placeholder */
     565.theme .theme-screenshot.blank,
     566.theme-overlay .screenshot.blank {
     567    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
     568}
     569
    564570/*
    565571 * Theme heading information
  • trunk/src/wp-admin/themes.php

    r26461 r26462  
    212212
    213213<script id="tmpl-theme" type="text/template">
     214    <# if ( data.screenshot[0] ) { #>
    214215    <div class="theme-screenshot">
    215216        <img src="{{ data.screenshot[0] }}" alt="" />
     217    <# } else { #>
     218        <div class="theme-screenshot blank">
     219    <# } #>
    216220    </div>
    217221    <div class="theme-author"><?php printf( __( 'By %s' ), '{{{ data.author }}}' ); ?></div>
     
    246250
    247251        <div class="theme-screenshots">
     252        <# if ( data.screenshot[0] ) { #>
    248253            <div class="screenshot first"><img src="{{ data.screenshot[0] }}" alt="" /></div>
    249         <#
    250             if ( _.size( data.screenshot ) > 1 ) {
    251                 _.each ( data.screenshot, function( image ) {
    252         #>
    253                 <div class="screenshot thumb"><img src="{{ image }}" alt="" /></div>
    254         <#
    255                 });
    256             }
    257         #>
     254            <# if ( _.size( data.screenshot ) > 1 ) {
     255                    _.each ( data.screenshot, function( image ) {
     256                        #><div class="screenshot thumb"><img src="{{ image }}" alt="" /></div><#
     257                    });
     258            } #>
     259        <# } else { #>
     260            <div class="screenshot first blank"></div>
     261        <# } #>
    258262        </div>
    259263
Note: See TracChangeset for help on using the changeset viewer.