WordPress.org

Make WordPress Core

Changeset 15656


Ignore:
Timestamp:
09/24/2010 06:50:31 PM (9 years ago)
Author:
ryan
Message:

Feature filter visuals. First pass. see #14936

Location:
trunk
Files:
2 added
4 edited

Legend:

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

    r14818 r15656  
    1 div.star-holder{position:relative;height:19px;width:100px;font-size:19px;}div.star{height:100%;position:absolute;top:0;left:0;background-color:transparent;letter-spacing:1ex;border:none;}.star1{width:20%;}.star2{width:40%;}.star3{width:60%;}.star4{width:80%;}.star5{width:100%;}.star img,div.star a,div.star a:hover,div.star a:visited{display:block;position:absolute;right:0;border:none;text-decoration:none;}div.star img{width:19px;height:19px;border-left:1px solid #fff;border-right:1px solid #fff;}.theme-listing .theme-item{display:inline-block;width:200px;border:thin solid #ccc;vertical-align:top;}.theme-listing .theme-item h3{text-align:center;font-size:14px;font-style:italic;margin:0;padding:0;}.theme-listing .theme-item img{max-width:150px;max-height:150px;}.theme-listing .theme-item-info span{display:none;}.theme-listing .theme-item:hover .theme-item-info span{display:inline;}.theme-listing .theme-item:hover .theme-item-info span.dots{display:none;}.theme-listing .theme-item-info span.action-links{font-weight:bold;text-align:center;}.theme-listing br.line{border-bottom-width:1px;border-bottom-style:solid;margin-bottom:3px;}.available-theme{padding:20px 15px;}#theme-information .theme-preview-img{float:left;margin:5px 25px 10px 15px;width:300px;}#theme-information .action-button{border-top-width:1px;border-top-style:solid;margin:10px 5px 0;}#theme-information .action-button #cancel{float:left;margin:10px 15px;}#theme-information .action-button #install{float:right;margin:10px 15px;}#theme-information .available-theme h3{margin:1em 0;}body#theme-information{height:auto;}.feature-filter{-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border-width:1px;border-style:solid;padding:8px 12px 0;}.feature-filter .feature-group{float:left;margin-bottom:20px;width:695px;}.feature-filter .feature-name{float:left;text-align:right;width:95px;}.feature-filter .feature-group li{display:inline;float:left;list-style-type:none;padding-right:25px;min-width:145px;}
     1div.star-holder{position:relative;height:19px;width:100px;font-size:19px;}div.star{height:100%;position:absolute;top:0;left:0;background-color:transparent;letter-spacing:1ex;border:none;}.star1{width:20%;}.star2{width:40%;}.star3{width:60%;}.star4{width:80%;}.star5{width:100%;}.star img,div.star a,div.star a:hover,div.star a:visited{display:block;position:absolute;right:0;border:none;text-decoration:none;}div.star img{width:19px;height:19px;border-left:1px solid #fff;border-right:1px solid #fff;}.theme-listing .theme-item{display:inline-block;width:200px;border:thin solid #ccc;vertical-align:top;}.theme-listing .theme-item h3{text-align:center;font-size:14px;font-style:italic;margin:0;padding:0;}.theme-listing .theme-item img{max-width:150px;max-height:150px;}.theme-listing .theme-item-info span{display:none;}.theme-listing .theme-item:hover .theme-item-info span{display:inline;}.theme-listing .theme-item:hover .theme-item-info span.dots{display:none;}.theme-listing .theme-item-info span.action-links{font-weight:bold;text-align:center;}.theme-listing br.line{border-bottom-width:1px;border-bottom-style:solid;margin-bottom:3px;}.available-theme{padding:20px 15px;}#theme-information .theme-preview-img{float:left;margin:5px 25px 10px 15px;width:300px;}#theme-information .action-button{border-top-width:1px;border-top-style:solid;margin:10px 5px 0;}#theme-information .action-button #cancel{float:left;margin:10px 15px;}#theme-information .action-button #install{float:right;margin:10px 15px;}#theme-information .available-theme h3{margin:1em 0;}body#theme-information{height:auto;}.feature-filter{-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;border-width:1px;border-style:solid;padding:8px 12px 0;}.feature-filter .feature-group{float:left;margin-bottom:20px;width:695px;}.feature-filter .feature-name{float:left;text-align:right;width:95px;}.feature-filter .feature-group li{display:inline;float:left;list-style-type:none;padding-right:25px;min-width:145px;}.feature-container{width:100%;overflow:auto;margin-bottom:10px;}.feature-group{margin-bottom:0!important;}
  • trunk/wp-admin/css/theme-install.dev.css

    r14818 r15656  
    144144    min-width: 145px;
    145145}
     146
     147.feature-container {
     148width: 100%;
     149overflow: auto;
     150margin-bottom: 10px;
     151}
     152
     153.feature-group {
     154    margin-bottom: 0px !important;
     155}
  • trunk/wp-admin/themes.php

    r15646 r15656  
    4848add_thickbox();
    4949wp_enqueue_script( 'theme-preview' );
     50wp_enqueue_script( 'theme' );
     51wp_enqueue_style( 'theme-install' );
    5052
    5153endif;
     
    136138    <input type="text" id="tag-search-input" name="s" value="<?php _admin_search_query(); ?>" />
    137139    <input type="submit" value="<?php esc_attr_e('Search Themes');  ?>" class="button" />
     140    <a id="filter-click" href="?filter=1"><?php _e( 'Feature Filter' ); ?></a>
    138141</p>
     142
     143<br class="clear"/>
     144
     145<div id="filters" <?php if ( $tpage != 'filter' ) echo ' style="display: none"' ?>>
     146<?php $feature_list = get_theme_feature_list(); ?>
     147    <div class="feature-filter">
     148        <p class="install-help"><?php _e('Theme filters') ?></p>
     149
     150    <?php foreach ( $feature_list as $feature_name => $features ) : ?>
     151        <?php   $feature_name = esc_html( $feature_name ); ?>
     152       
     153        <div class="feature-container">
     154            <div class="feature-name"><?php echo $feature_name ?></div>
     155       
     156            <ol style="float: left; width: 725px;" class="feature-group">
     157                <?php foreach ( $features as $key => $feature ) : ?>
     158                    <?php
     159                        $feature_name = $feature;
     160                        $feature_name = esc_html( $feature_name );
     161                        $feature = esc_attr($feature);
     162                        ?>
     163                <li>
     164                    <input type="checkbox" name="features[<?php echo $key; ?>]" id="feature-id-<?php echo $key; ?>" value="<?php echo $key; ?>" <?php if ( in_array( $key, $checked_features ) ) echo ' checked="checked"' ?>/>
     165                    <label for="feature-id-<?php echo $key; ?>"><?php echo $feature_name; ?></label>
     166                </li>
     167                <?php   endforeach; ?>
     168            </ol>
     169        </div>
     170    <?php   endforeach; ?>
     171
     172    <div class="feature-container">
     173        <input style="margin-left: 120px" type="submit" class="button-secondary submitter" value="<?php _e( 'Apply Filters' ); ?>" />
     174        &nbsp;
     175        <small><a id="mini-filter-click" href="<?php echo admin_url( 'themes.php' ); ?>"><?php _e( 'Close filters' )?></a></small>
     176    </div>
     177    <br/>
     178    </div>
     179    <br class="clear"/>
     180</div>
     181
    139182</form>
    140183<br class="clear" />
  • trunk/wp-includes/script-loader.php

    r15643 r15656  
    336336        ));
    337337
     338        $scripts->add( 'theme-preview', "/wp-admin/js/theme$suffix.js", array( 'thickbox', 'jquery' ), '20100407' );
     339        $scripts->add_data( 'theme', 'group', 1 );
     340
    338341        $scripts->add( 'theme-preview', "/wp-admin/js/theme-preview$suffix.js", array( 'thickbox', 'jquery' ), '20100407' );
    339342        $scripts->add_data( 'theme-preview', 'group', 1 );
Note: See TracChangeset for help on using the changeset viewer.