WordPress.org

Make WordPress Core

Changeset 35616


Ignore:
Timestamp:
11/11/2015 09:53:54 PM (4 years ago)
Author:
wonderboymusic
Message:

Help/About: unify tab styling.

Props afercia.
Fixes #34214.

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

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/credits.php

    r35126 r35616  
    2626
    2727<h2 class="nav-tab-wrapper">
    28     <a href="about.php" class="nav-tab">
    29         <?php _e( 'What&#8217;s New' ); ?>
    30     </a><a href="credits.php" class="nav-tab nav-tab-active">
    31         <?php _e( 'Credits' ); ?>
    32     </a><a href="freedoms.php" class="nav-tab">
    33         <?php _e( 'Freedoms' ); ?>
    34     </a>
     28    <a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
     29    <a href="credits.php" class="nav-tab nav-tab-active"><?php _e( 'Credits' ); ?></a>
     30    <a href="freedoms.php" class="nav-tab"><?php _e( 'Freedoms' ); ?></a>
    3531</h2>
    3632
  • trunk/src/wp-admin/css/about.css

    r35127 r35616  
    8080/* Tabs */
    8181
    82 .about-wrap h2.nav-tab-wrapper {
    83     padding-left: 6px;
    84 }
    85 
    8682.about-wrap h2 .nav-tab {
    87     padding: 4px 15px 6px;
    88     margin: 0 3px -1px 0;
    8983    font-size: 18px;
    90     vertical-align: top;
    91     border-width: 1px;
    92     white-space: nowrap;
    9384}
    9485
     
    430421    }
    431422
    432     .about-wrap h2.nav-tab-wrapper {
    433         padding-left: 0;
    434         border-bottom: 0;
    435     }
    436 
    437     .about-wrap h2 .nav-tab {
    438         margin-top: 10px;
    439         margin-right: 10px;
    440         border-bottom: 1px solid #ccc;
    441     }
    442 
    443423    .about-wrap .feature-section .svg-container {
    444424        padding-top: 20px;
  • trunk/src/wp-admin/css/common.css

    r35527 r35616  
    19981998
    19991999.nav-tab {
     2000    display: inline-block;
    20002001    border: 1px solid #ccc;
    20012002    border-bottom: none;
     2003    margin: 0 5px 0 0;
     2004    padding: 6px 10px;
     2005    font-size: 15px;
     2006    line-height: 24px;
     2007    font-weight: 600;
    20022008    background: #e4e4e4;
    20032009    color: #555;
    2004 }
    2005 
    2006 .nav-tab,
     2010    text-decoration: none;
     2011    white-space: nowrap;
     2012}
     2013
     2014h3 .nav-tab, /* Back-compat for pre-4.4 */
    20072015.nav-tab-small .nav-tab {
    2008     display: inline-block;
    2009     margin: -4px 4px -1px 0;
    20102016    padding: 5px 14px;
    20112017    font-size: 12px;
    20122018    line-height: 16px;
    2013     text-decoration: none;
    20142019}
    20152020
     
    20202025}
    20212026
     2027.nav-tab-active,
     2028.nav-tab:focus:active {
     2029    -webkit-box-shadow: none;
     2030    box-shadow: none;
     2031}
     2032
    20222033.nav-tab-active {
     2034    margin-bottom: -1px;
    20232035    color: #464646;
    20242036}
     
    20262038.nav-tab-active,
    20272039.nav-tab-active:hover,
    2028 .nav-tab-active:focus {
     2040.nav-tab-active:focus,
     2041.nav-tab-active:focus:active {
    20292042    border-bottom: 1px solid #f1f1f1;
    20302043    background: #f1f1f1;
     
    20322045}
    20332046
     2047/* @todo: consider to use flexbox to reset white space between inline-block elements. */
    20342048h1.nav-tab-wrapper, /* Back-compat for pre-4.4 */
    20352049.wrap h2.nav-tab-wrapper, /* higher specificity to override .wrap > h2:first-child */
     
    20372051    border-bottom: 1px solid #ccc;
    20382052    margin: 0;
    2039     padding: 9px 15px 0 10px;
    2040     font-size: 23px;
    2041     font-weight: 400;
    2042     line-height: 29px;
    2043 }
    2044 
    2045 h1 .nav-tab, /* Back-compat for pre-4.4 */
    2046 h2 .nav-tab {
    2047     padding: 6px 10px;
    2048     font-weight: 600;
    2049     font-size: 15px;
    2050     line-height: 24px;
     2053    padding: 9px 15px 0 6px;
     2054    font-size: 1px; /* normalize white space between inline-block elements */
     2055    line-height: inherit;
    20512056}
    20522057
     
    35983603        overflow-x: hidden;
    35993604    }
     3605
     3606    h1.nav-tab-wrapper,
     3607    .wrap h2.nav-tab-wrapper,
     3608    h3.nav-tab-wrapper {
     3609        padding-left: 0;
     3610        border-bottom: 0;
     3611    }
     3612
     3613    h1 .nav-tab,
     3614    h2 .nav-tab,
     3615    h3 .nav-tab {
     3616        margin-top: 10px;
     3617        margin-right: 10px;
     3618        border-bottom: 1px solid #ccc;
     3619    }
    36003620}
    36013621
  • trunk/src/wp-admin/freedoms.php

    r33613 r35616  
    2525
    2626<h2 class="nav-tab-wrapper">
    27     <a href="about.php" class="nav-tab">
    28         <?php _e( 'What&#8217;s New' ); ?>
    29     </a><a href="credits.php" class="nav-tab">
    30         <?php _e( 'Credits' ); ?>
    31     </a><a href="freedoms.php" class="nav-tab nav-tab-active">
    32         <?php _e( 'Freedoms' ); ?>
    33     </a>
     27    <a href="about.php" class="nav-tab"><?php _e( 'What&#8217;s New' ); ?></a>
     28    <a href="credits.php" class="nav-tab"><?php _e( 'Credits' ); ?></a>
     29    <a href="freedoms.php" class="nav-tab nav-tab-active"><?php _e( 'Freedoms' ); ?></a>
    3430</h2>
    3531
Note: See TracChangeset for help on using the changeset viewer.