Making WordPress.org

Changeset 990


Ignore:
Timestamp:
11/18/2014 08:02:05 AM (10 years ago)
Author:
coffee2code
Message:

developer.wordpress.org: add search form to internal pages

fixes #493.
props nlarnold1.

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
Files:
1 added
5 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php

    r974 r990  
    420420    wp_enqueue_script( 'wporg-developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20120206', true );
    421421    wp_enqueue_script( 'wporg-developer-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );
     422    wp_enqueue_script( 'wporg-developer-search', get_template_directory_uri() . '/js/search.js', array(), '20141029', true );
    422423}
    423424
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/header.php

    r785 r990  
    2525        </div><!-- .inner-wrap -->
    2626    </header><!-- #masthead -->
     27    <?php
     28    if ( DevHub\should_show_search_bar() ) : ?>
     29        <div id="inner-search">
     30            <?php get_search_form(); ?>
     31            <div id="inner-search-icon-container">
     32                <div id="inner-search-icon">
     33                    <div class="dashicons dashicons-search"></div>
     34                </div>
     35            </div>
     36        </div>
     37
     38    <?php endif; ?>
    2739    <div id="content" class="site-content">
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php

    r954 r990  
    10521052    }
    10531053
     1054    /**
     1055     * Should the search bar be shown?
     1056     *
     1057     * @return bool True if search bar should be shown.
     1058     */
     1059    function should_show_search_bar() {
     1060        $post_types = array( 'wp-parser-class', 'wp-parser-function', 'wp-parser-method', 'wp-parser-hook' );
     1061        $taxonomies = array( 'wp-parser-since', 'wp-parser-package', 'wp-parser-source-file' );
     1062
     1063        return ( is_singular( $post_types ) || is_post_type_archive( $post_types ) || is_tax( $taxonomies ) );
     1064    }
     1065
    10541066}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

    r958 r990  
    613613    .reference-landing .section.search-section {
    614614        padding-top: 0;
     615    }
     616
     617    &.single, &.archive {
     618        div#inner-search {
     619            background-color: #2e6183;
     620            margin-top: -1em;
     621            margin-bottom: 1em;
     622            padding-top: 2px;
     623            .section.search-section {
     624                color: #ffffff;
     625            }
     626            div#inner-search-icon-container {
     627                margin: 0 auto;
     628                max-width: 60em;
     629                div#inner-search-icon {
     630                    background-color: #2e6183;
     631                    color: #ffffff;
     632                    text-align: center;
     633                    margin-right: 10%;
     634                    float: right;
     635                    left: 75%;
     636                    padding: 5px;
     637                    -webkit-border-bottom-right-radius: 5px;
     638                    -webkit-border-bottom-left-radius: 5px;
     639                    -moz-border-radius-bottomright: 5px;
     640                    -moz-border-radius-bottomleft: 5px;
     641                    border-bottom-right-radius: 5px;
     642                    border-bottom-left-radius: 5px;
     643                    .dashicons-search {
     644                        height: auto;
     645                        width: auto;
     646                        &:before {
     647                            font-size: 36px;
     648                            line-height: 36px;
     649                        }
     650                    }
     651                }
     652            }
     653        }
    615654    }
    616655
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

    r958 r990  
    855855  padding-top: 0;
    856856}
     857.devhub-wrap.single div#inner-search, .devhub-wrap.archive div#inner-search {
     858  background-color: #2e6183;
     859  margin-top: -1em;
     860  margin-bottom: 1em;
     861  padding-top: 2px;
     862}
     863.devhub-wrap.single div#inner-search .section.search-section, .devhub-wrap.archive div#inner-search .section.search-section {
     864  color: #ffffff;
     865}
     866.devhub-wrap.single div#inner-search div#inner-search-icon-container, .devhub-wrap.archive div#inner-search div#inner-search-icon-container {
     867  margin: 0 auto;
     868  max-width: 60em;
     869}
     870.devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon {
     871  background-color: #2e6183;
     872  color: #ffffff;
     873  text-align: center;
     874  margin-right: 10%;
     875  float: right;
     876  left: 75%;
     877  padding: 5px;
     878  -webkit-border-bottom-right-radius: 5px;
     879  -webkit-border-bottom-left-radius: 5px;
     880  -moz-border-radius-bottomright: 5px;
     881  -moz-border-radius-bottomleft: 5px;
     882  border-bottom-right-radius: 5px;
     883  border-bottom-left-radius: 5px;
     884}
     885.devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search {
     886  height: auto;
     887  width: auto;
     888}
     889.devhub-wrap.single div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before, .devhub-wrap.archive div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before {
     890  font-size: 36px;
     891  line-height: 36px;
     892}
    857893.devhub-wrap .searchform {
    858894  overflow: hidden;
Note: See TracChangeset for help on using the changeset viewer.