WordPress.org

Making WordPress.org

Changeset 1590


Ignore:
Timestamp:
05/16/2015 11:56:20 AM (4 years ago)
Author:
ocean90
Message:

Translate: Improve filter header for the "Locales & Languages" page.

see #994.

Location:
sites/trunk/translate.wordpress.org/public_html/gp-templates
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/translate.wordpress.org/public_html/gp-templates/locales.php

    r1555 r1590  
    1010    <div class="filter-header">
    1111        <ul class="filter-header-links">
    12             <li><?php _e( 'Find your locale' ); ?></li>
     12            <li><span class="current"><?php _e( 'Find your locale' ); ?></span></li>
    1313        </ul>
    1414        <div class="search-form">
    1515            <label class="screen-reader-text" for="locales-filter"><?php esc_attr_e( 'Search locales...' ); ?></label>
    16             <input placeholder="<?php esc_attr_e( 'Search locales...' ); ?>" type="search" id="locales-filter" class="wp-filter-search">
     16            <input placeholder="<?php esc_attr_e( 'Search locales...' ); ?>" type="search" id="locales-filter" class="filter-search">
    1717        </div>
    1818    </div>
  • sites/trunk/translate.wordpress.org/public_html/gp-templates/style.css

    r1530 r1590  
    44
    55.gp-content {
    6     font-family: 'Open Sans' !important;
     6    font-family: 'Open Sans', sans-serif !important;
    77    margin: 20px auto;
    88    max-width: 940px;
    99    padding: 0 10px;
     10}
     11
     12.gp-content h2 {
     13    font-family: 'Open Sans', sans-serif !important;
     14    margin: 2px 0 .6em;
    1015}
    1116
     
    1419    display: block;
    1520    float: none;
    16 }
    17 
    18 .gp-content h2 {
    19     font-family: 'Open Sans' !important;
    20     margin: 2px 0 .6em;
    2121}
    2222
     
    108108    display: inline-block;
    109109    position: relative;
     110    -webkit-box-sizing: border-box;
    110111    box-sizing: border-box;
    111     margin: 0 0 25px 0;
    112     padding: 0 40px 0 10px;
     112    margin: 12px 0 25px;
     113    padding: 0 20px;
    113114    width: 100%;
     115    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    114116    box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    115117    border: 1px solid #dfdfdf;
     
    119121}
    120122
    121 .filter-header-links {
    122     display: inline-block;
    123     margin: 0;
     123ul.filter-header-links {
     124    display: inline-block;
     125    margin: 0;
     126    padding: 0;
    124127}
    125128
    126129.filter-header-links li {
     130    display: inline-block;
     131    margin: 0;
     132}
     133
     134.filter-header-links li > a,
     135.filter-header-links li > span {
    127136    display: inline-block;
    128137    margin: 0 10px;
    129138    padding: 15px 0;
     139    border-bottom: 4px solid #fff;
    130140    color: #666;
    131141    cursor: pointer;
     
    141151.filter-header .search-form {
    142152    float: right;
    143     margin: 15px 0;
    144     display: inline-block;
     153    margin: 12px 0 11px;
    145154}
    146155
     
    152161    font-weight: 300;
    153162    line-height: 1.5;
    154 }
    155 
    156 .filter-search {
    157163    border: 1px solid #ddd;
     164    -webkit-box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
    158165    box-shadow: inset 0 1px 2px rgba( 0, 0, 0, 0.07 );
    159166    background-color: #fff;
    160167    color: #333;
    161168    outline: none;
    162     transition: 0.05s border-color ease-in-out;
     169    -webkit-border-radius: 0;
    163170    border-radius: 0;
     171    -webkit-appearance: textfield;
     172}
     173
     174.locales {
     175    margin-left: -2.083%;
     176}
     177
     178.locales:before,
     179.locales:after {
     180    content: "";
     181    display: table;
     182}
     183
     184.locales:after {
     185    clear: both;
    164186}
    165187
     
    169191    width: 31.25%;
    170192    border: 1px solid #ccc;
     193    -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
    171194    box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
    172195    background: #fff;
     196    -webkit-box-sizing: border-box;
    173197    box-sizing: border-box;
    174 }
    175 
    176 .locales {
    177     margin-left: -2.083%;
    178 }
    179 
    180 .locales:before,
    181 .locales:after {
    182     content: "";
    183     display: table;
    184 }
    185 
    186 .locales:after {
    187     clear: both;
    188198}
    189199
     
    202212    padding: 0 10px 5px;
    203213    -webkit-appearance: none;
     214    -webkit-border-radius: 3px;
    204215    border-radius: 3px;
    205216    white-space: nowrap;
Note: See TracChangeset for help on using the changeset viewer.