WordPress.org
Get WordPress

Make WordPress Core

Changeset 22948


Ignore:
Timestamp:
11/30/2012 01:40:59 PM (12 years ago)
Author:
ryan
Message:

Scope button classes so they can be used on the frontend without interfering with theme styles.

Props helenyhou, koopersmith
fixes #22644

Location:
trunk
Files:
21 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-admin/admin-header.php

    r22730 r22948  
    9898?>
    9999</head>
    100 <body class="wp-admin no-js <?php echo apply_filters( 'admin_body_class', '' ) . " $admin_body_class"; ?>">
     100<body class="wp-admin wp-core-ui no-js <?php echo apply_filters( 'admin_body_class', '' ) . " $admin_body_class"; ?>">
    101101<script type="text/javascript">
    102102    document.body.className = document.body.className.replace('no-js','js');

  • trunk/wp-admin/css/ie.css

    r22799 r22948  
    2626}
    2727
    28 .welcome-panel .welcome-button {
    29     padding: 0 16px;
    30 }
    31  
    3228#wp-fullscreen-title {
    3329    width: 97%;

  • trunk/wp-admin/css/wp-admin.css

    r22906 r22948  
    227227.js .closed .inside,
    228228.js .hide-if-js,
    229 .no-js .hide-if-no-js {
     229.no-js .hide-if-no-js,
     230.js.wp-core-ui .hide-if-js,
     231.js .wp-core-ui .hide-if-js,
     232.no-js.wp-core-ui .hide-if-no-js,
     233.no-js .wp-core-ui .hide-if-no-js {
    230234    display: none;
    231235}
    … …  
    22942298}
    22952299
    2296 .welcome-panel .welcome-button {
    2297     font: normal 15px sans-serif;
    2298     height: 46px;
    2299     line-height: 44px;
     2300.wp-core-ui .welcome-panel .button.button-hero {
    23002301    margin: 15px 0 3px;
    2301     padding: 0 36px;
    23022302}
    23032303
    … …  
    23782378
    23792379@media screen and (max-width: 870px) {
    2380     .welcome-button {
    2381         font-size: 14px;
    2382         padding: 1em 2.3em;
    2383     }
    2384 
    23852380    .welcome-panel .welcome-panel-column,
    23862381    .welcome-panel .welcome-panel-column:first-child {
    … …  
    56845679
    56855680.no-customize-support .hide-if-no-customize,
    5686 .customize-support .hide-if-customize {
     5681.customize-support .hide-if-customize,
     5682.no-customize-support.wp-core-ui .hide-if-no-customize,
     5683.no-customize-support .wp-core-ui .hide-if-no-customize,
     5684.customize-support.wp-core-ui .hide-if-customize,
     5685.customize-support .wp-core-ui .hide-if-customize {
    56875686    display: none;
    56885687}

  • trunk/wp-admin/customize.php

    r22798 r22948  
    4545_wp_admin_html_begin();
    4646
    47 $body_class = '';
     47$body_class = 'wp-core-ui';
    4848
    4949if ( wp_is_mobile() ) :

  • trunk/wp-admin/includes/dashboard.php

    r22930 r22948  
    12451245    <div class="welcome-panel-column">
    12461246        <h4><?php _e( 'Get Started' ); ?></h4>
    1247         <a class="button-primary welcome-button load-customize hide-if-no-customize" href="<?php echo wp_customize_url(); ?>"><?php _e( 'Customize Your Site' ); ?></a>
    1248         <a class="button-primary welcome-button hide-if-customize" href="<?php echo admin_url( 'themes.php' ); ?>"><?php _e( 'Customize Your Site' ); ?></a>
     1247        <a class="button button-primary button-hero load-customize hide-if-no-customize" href="<?php echo wp_customize_url(); ?>"><?php _e( 'Customize Your Site' ); ?></a>
     1248        <a class="button button-primary button-hero hide-if-customize" href="<?php echo admin_url( 'themes.php' ); ?>"><?php _e( 'Customize Your Site' ); ?></a>
    12491249        <?php if ( current_user_can( 'install_themes' ) || ( current_user_can( 'switch_themes' ) && count( wp_get_themes( array( 'allowed' => true ) ) ) > 1 ) ) : ?>
    12501250            <p class="hide-if-no-customize"><?php printf( __( 'or, <a href="%s">change your theme completely</a>' ), admin_url( 'themes.php' ) ); ?></p>

  • trunk/wp-admin/includes/media.php

    r22929 r22948  
    359359?>
    360360</head>
    361 <body<?php if ( isset($GLOBALS['body_id']) ) echo ' id="' . $GLOBALS['body_id'] . '"'; ?> class="no-js">
     361<body<?php if ( isset($GLOBALS['body_id']) ) echo ' id="' . $GLOBALS['body_id'] . '"'; ?> class="wp-core-ui no-js">
    362362<script type="text/javascript">
    363363document.body.className = document.body.className.replace('no-js', 'js');

  • trunk/wp-admin/includes/template.php

    r22874 r22948  
    13901390?>
    13911391</head>
    1392 <body<?php if ( isset($GLOBALS['body_id']) ) echo ' id="' . $GLOBALS['body_id'] . '"'; ?> class="wp-admin no-js iframe <?php echo apply_filters( 'admin_body_class', '' ) . ' ' . $admin_body_class; ?>">
     1392<body<?php if ( isset($GLOBALS['body_id']) ) echo ' id="' . $GLOBALS['body_id'] . '"'; ?> class="wp-admin wp-core-ui no-js iframe <?php echo apply_filters( 'admin_body_class', '' ) . ' ' . $admin_body_class; ?>">
    13931393<script type="text/javascript">
    13941394//<![CDATA[

  • trunk/wp-admin/install.php

    r22634 r22948  
    1616    <title>Error: PHP is not running</title>
    1717</head>
    18 <body>
     18<body class="wp-core-ui">
    1919    <h1 id="logo"><a href="http://wordpress.org/">WordPress</a></h1>
    2020    <h2>Error: PHP is not running</h2>
    … …  
    6363    ?>
    6464</head>
    65 <body<?php if ( is_rtl() ) echo ' class="rtl"'; ?>>
     65<body class="wp-core-ui<?php if ( is_rtl() ) echo ' rtl'; ?>">
    6666<h1 id="logo"><a href="<?php esc_attr_e( 'http://wordpress.org/' ); ?>"><?php _e( 'WordPress' ); ?></a></h1>
    6767

  • trunk/wp-admin/maint/repair.php

    r22419 r22948  
    1717    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    1818    <title><?php _e( 'WordPress &rsaquo; Database Repair' ); ?></title>
    19     <?php 
     19    <?php
    2020    wp_admin_css( 'install', true );
    2121    ?>
    2222</head>
    23 <body>
     23<body class="wp-core-ui">
    2424<h1 id="logo"><a href="<?php esc_attr_e( 'http://wordpress.org/' ); ?>"><?php _e( 'WordPress' ); ?></a></h1>
    2525

  • trunk/wp-admin/network/sites.php

    r22419 r22948  
    5454    if ( 'confirm' === $_GET['action'] ) {
    5555        check_admin_referer( 'confirm' );
    56        
     56
    5757        if ( ! headers_sent() ) {
    5858            nocache_headers();
    … …  
    7373                ?>
    7474            </head>
    75             <body>
     75            <body class="wp-core-ui">
    7676                <h1 id="logo"><a href="<?php esc_attr_e( 'http://wordpress.org/' ); ?>"><?php _e( 'WordPress' ); ?></a></h1>
    7777                <form action="sites.php?action=<?php echo esc_attr( $_GET['action2'] ) ?>" method="post">
    … …  
    8686        </html>
    8787        <?php
    88         exit(); 
    89     }
    90    
     88        exit();
     89    }
     90
    9191    $updated_action = '';
    92    
     92
    9393    $manage_actions = array( 'deleteblog', 'allblogs', 'archiveblog', 'unarchiveblog', 'activateblog', 'deactivateblog', 'unspamblog', 'spamblog', 'unmatureblog', 'matureblog' );
    94     if ( in_array( $_GET['action'], $manage_actions ) ) {       
     94    if ( in_array( $_GET['action'], $manage_actions ) ) {
    9595        $action = $_GET['action'];
    9696        if ( 'allblogs' === $action )
    … …  
    9898
    9999        check_admin_referer( $action );
    100     } 
    101        
     100    }
     101
    102102    switch ( $_GET['action'] ) {
    103103
    … …  
    109109            if ( $id != '0' && $id != $current_site->blog_id && current_user_can( 'delete_site', $id ) ) {
    110110                wpmu_delete_blog( $id, true );
    111                 $updated_action = 'delete'; 
     111                $updated_action = 'delete';
    112112            }
    113113        break;
    … …  
    116116            if ( ( isset( $_POST['action'] ) || isset( $_POST['action2'] ) ) && isset( $_POST['allblogs'] ) ) {
    117117                $doaction = $_POST['action'] != -1 ? $_POST['action'] : $_POST['action2'];
    118                
     118
    119119                foreach ( (array) $_POST['allblogs'] as $key => $val ) {
    120120                    if ( $val != '0' && $val != $current_site->blog_id ) {
    … …  
    123123                                if ( ! current_user_can( 'delete_site', $val ) )
    124124                                    wp_die( __( 'You are not allowed to delete the site.' ) );
    125                                
     125
    126126                                $updated_action = 'all_delete';
    127127                                wpmu_delete_blog( $val, true );
    … …  
    163163            update_blog_status( $id, 'spam', ( 'spamblog' === $_GET['action'] ) ? '1' : '0' );
    164164        break;
    165    
     165
    166166        case 'unmatureblog':
    167167        case 'matureblog':
    … …  
    169169        break;
    170170    }
    171    
     171
    172172    if ( empty( $updated_action ) && in_array( $_GET['action'], $manage_actions ) )
    173173        $updated_action = $_GET['action'];
    174    
     174
    175175    if ( ! empty( $updated_action ) ) {
    176176        wp_safe_redirect( add_query_arg( array( 'updated' => $updated_action ), wp_get_referer() ) );
    … …  
    219219        break;
    220220    }
    221    
     221
    222222    if ( ! empty( $msg ) )
    223223        $msg = '<div class="updated" id="message"><p>' . $msg . '</p></div>';
    … …  
    232232<?php screen_icon( 'ms-admin' ); ?>
    233233<h2><?php _e( 'Sites' ) ?>
    234    
     234
    235235<?php if ( current_user_can( 'create_sites') ) : ?>
    236236    <a href="<?php echo network_admin_url('site-new.php'); ?>" class="add-new-h2"><?php echo esc_html_x( 'Add New', 'site' ); ?></a>
    … …  
    242242</h2>
    243243
    244 <?php echo $msg; ?> 
    245    
     244<?php echo $msg; ?>
     245
    246246<form action="" method="get" id="ms-search">
    247247<?php $wp_list_table->search_box( __( 'Search Sites' ), 'site' ); ?>

  • trunk/wp-admin/press-this.php

    r22908 r22948  
    440440$admin_body_class .= ' locale-' . sanitize_html_class( strtolower( str_replace( '_', '-', get_locale() ) ) );
    441441?>
    442 <body class="press-this wp-admin <?php echo $admin_body_class; ?>">
     442<body class="press-this wp-admin wp-core-ui <?php echo $admin_body_class; ?>">
    443443<form action="press-this.php?action=post" method="post">
    444444<div id="poststuff" class="metabox-holder">

  • trunk/wp-admin/setup-config.php

    r22419 r22948  
    100100
    101101</head>
    102 <body<?php if ( is_rtl() ) echo ' class="rtl"'; ?>>
     102<body class="wp-core-ui<?php if ( is_rtl() ) echo ' rtl'; ?>">
    103103<h1 id="logo"><a href="<?php esc_attr_e( 'http://wordpress.org/' ); ?>"><?php _e( 'WordPress' ); ?></a></h1>
    104104<?php

  • trunk/wp-admin/upgrade.php

    r22424 r22948  
    5858    ?>
    5959</head>
    60 <body>
     60<body class="wp-core-ui">
    6161<h1 id="logo"><a href="<?php esc_attr_e( 'http://wordpress.org/' ); ?>"><?php _e( 'WordPress' ); ?></a></h1>
    6262

  • trunk/wp-includes/class-wp-editor.php

    r22719 r22948  
    114114        }
    115115
    116         echo '<div id="wp-' . $editor_id . '-wrap" class="wp-editor-wrap ' . $switch_class . '">';
     116        echo '<div id="wp-' . $editor_id . '-wrap" class="wp-core-ui wp-editor-wrap ' . $switch_class . '">';
    117117
    118118        if ( self::$editor_buttons_css ) {

  • trunk/wp-includes/css/admin-bar.css

    r22941 r22948  
    601601 */
    602602.no-customize-support .hide-if-no-customize,
    603 .customize-support .hide-if-customize {
     603.customize-support .hide-if-customize,
     604.no-customize-support.wp-core-ui .hide-if-no-customize,
     605.no-customize-support .wp-core-ui .hide-if-no-customize,
     606.customize-support.wp-core-ui .hide-if-customize,
     607.customize-support .wp-core-ui .hide-if-customize {
    604608    display: none;
    605609}

  • trunk/wp-includes/css/buttons.css

    r22707 r22948  
    3535---------------------------------------------------------------------------- */
    3636
    37 .button,
    38 .button-primary,
    39 .button-secondary {
     37.wp-core-ui .button,
     38.wp-core-ui .button-primary,
     39.wp-core-ui .button-secondary {
    4040    display: inline-block;
    4141    text-decoration: none;
    … …  
    5858
    5959/* Remove the dotted border on :focus and the extra padding in Firefox */
    60 button::-moz-focus-inner,
    61 input[type="reset"]::-moz-focus-inner,
    62 input[type="button"]::-moz-focus-inner,
    63 input[type="submit"]::-moz-focus-inner {
     60.wp-core-ui button::-moz-focus-inner,
     61.wp-core-ui input[type="reset"]::-moz-focus-inner,
     62.wp-core-ui input[type="button"]::-moz-focus-inner,
     63.wp-core-ui input[type="submit"]::-moz-focus-inner {
    6464    border-width: 1px 0;
    6565    border-style: solid none;
    … …  
    6868}
    6969
    70 .button.button-large,
    71 .button-group.button-large .button {
     70.wp-core-ui .button.button-large,
     71.wp-core-ui .button-group.button-large .button {
    7272    height: 30px;
    7373    line-height: 28px;
    … …  
    7575}
    7676
    77 .button.button-small,
    78 .button-group.button-small .button {
     77.wp-core-ui .button.button-small,
     78.wp-core-ui .button-group.button-small .button {
    7979    height: 21px;
    8080    line-height: 20px;
    … …  
    8282}
    8383
    84 .button.button-hero,
    85 .button-group.button-hero .button {
     84.wp-core-ui .button.button-hero,
     85.wp-core-ui .button-group.button-hero .button {
    8686    font-size: 14px;
    8787    height: 46px;
    … …  
    9090}
    9191
    92 .button:active {
     92.wp-core-ui .button:active {
    9393    outline: none;
    9494}
    9595
    96 .button.hidden {
     96.wp-core-ui .button.hidden {
    9797    display: none;
    9898}
    … …  
    102102---------------------------------------------------------------------------- */
    103103
    104 .button,
    105 .button-secondary {
     104.wp-core-ui .button,
     105.wp-core-ui .button-secondary {
    106106    background: #f3f3f3;
    107107    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
    … …  
    115115}
    116116
    117 .button.hover,
    118 .button:hover,
    119 .button-secondary:hover,
    120 .button.focus,
    121 .button:focus,
    122 .button-secondary:focus {
     117.wp-core-ui .button.hover,
     118.wp-core-ui .button:hover,
     119.wp-core-ui .button-secondary:hover,
     120.wp-core-ui .button.focus,
     121.wp-core-ui .button:focus,
     122.wp-core-ui .button-secondary:focus {
    123123    background: #f3f3f3;
    124124    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    … …  
    132132}
    133133
    134 .button.focus,
    135 .button:focus,
    136 .button-secondary:focus {
     134.wp-core-ui .button.focus,
     135.wp-core-ui .button:focus,
     136.wp-core-ui .button-secondary:focus {
    137137    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    138138    box-shadow: 1px 1px 1px rgba(0,0,0,.2);
    139139}
    140140
    141 .button.active,
    142 .button.active:hover,
    143 .button.active:focus,
    144 .button:active,
    145 .button-secondary:active {
     141.wp-core-ui .button.active,
     142.wp-core-ui .button.active:hover,
     143.wp-core-ui .button.active:focus,
     144.wp-core-ui .button:active,
     145.wp-core-ui .button-secondary:active {
    146146    background: #eee;
    147147    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
    … …  
    158158}
    159159
    160 .button[disabled],
    161 .button:disabled,
    162 .button-secondary[disabled],
    163 .button-secondary:disabled,
    164 .button-disabled {
     160.wp-core-ui .button[disabled],
     161.wp-core-ui .button:disabled,
     162.wp-core-ui .button-secondary[disabled],
     163.wp-core-ui .button-secondary:disabled,
     164.wp-core-ui .button-disabled {
    165165    color: #aaa !important;
    166166    border-color: #ddd !important;
    … …  
    181181---------------------------------------------------------------------------- */
    182182
    183 .button-primary {
     183.wp-core-ui .button-primary {
    184184    background-color: #21759b;
    185185    background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    … …  
    198198}
    199199
    200 .button-primary.hover,
    201 .button-primary:hover,
    202 .button-primary.focus,
    203 .button-primary:focus {
     200.wp-core-ui .button-primary.hover,
     201.wp-core-ui .button-primary:hover,
     202.wp-core-ui .button-primary.focus,
     203.wp-core-ui .button-primary:focus {
    204204    background-color: #278ab7;
    205205    background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    … …  
    216216}
    217217
    218 .button-primary.focus,
    219 .button-primary:focus {
     218.wp-core-ui .button-primary.focus,
     219.wp-core-ui .button-primary:focus {
    220220    border-color: #0e3950;
    221221    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
    … …  
    223223}
    224224
    225 .button-primary.active,
    226 .button-primary.active:hover,
    227 .button-primary.active:focus,
    228 .button-primary:active {
     225.wp-core-ui .button-primary.active,
     226.wp-core-ui .button-primary.active:hover,
     227.wp-core-ui .button-primary.active:focus,
     228.wp-core-ui .button-primary:active {
    229229    background: #1b607f;
    230230    background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    … …  
    241241}
    242242
    243 .button-primary[disabled],
    244 .button-primary:disabled,
    245 .button-primary-disabled {
     243.wp-core-ui .button-primary[disabled],
     244.wp-core-ui .button-primary:disabled,
     245.wp-core-ui .button-primary-disabled {
    246246    color: #94cde7 !important;
    247247    background: #298cba !important;
    … …  
    257257---------------------------------------------------------------------------- */
    258258
    259 .button-group {
     259.wp-core-ui .button-group {
    260260    position: relative;
    261261    display: inline-block;
    … …  
    265265}
    266266
    267 .button-group > .button {
     267.wp-core-ui .button-group > .button {
    268268    display: inline-block;
    269269    border-radius: 0;
    … …  
    272272}
    273273
    274 .button-group > .button-primary {
     274.wp-core-ui .button-group > .button-primary {
    275275    z-index: 100;
    276276}
    277277
    278 .button-group > .button:hover {
     278.wp-core-ui .button-group > .button:hover {
    279279    z-index: 20;
    280280}
    281281
    282 .button-group > .button:first-child {
     282.wp-core-ui .button-group > .button:first-child {
    283283    border-radius: 3px 0 0 3px;
    284284}
    285285
    286 .button-group > .button:last-child {
     286.wp-core-ui .button-group > .button:last-child {
    287287    border-radius: 0 3px 3px 0;
    288288}

  • trunk/wp-includes/js/media-views.js

    r22946 r22948  
    10661066                uploader: true
    10671067            });
     1068
     1069            // Ensure core UI is enabled.
     1070            this.$el.addClass('wp-core-ui');
    10681071
    10691072            // Initialize modal container view.

  • trunk/wp-includes/js/tinymce/plugins/wpeditimage/editimage.html

    r22942 r22948  
    1212</head>
    1313
    14 <body id="media-upload" style="display:none;">
     14<body id="media-upload" class="wp-core-ui" style="display:none;">
    1515<script type="text/javascript">
    1616if ( 'rtl' == tinyMCEPopup.editor.getParam('directionality','') )

  • trunk/wp-includes/js/tinymce/wp-mce-help.php

    r22550 r22948  
    153153<?php endif; ?>
    154154</head>
    155 <body class="windows">
     155<body class="windows wp-core-ui">
    156156<script type="text/javascript">
    157157if ( tinymce.isMac )

  • trunk/wp-includes/media.php

    r22929 r22948  
    15061506
    15071507    <script type="text/html" id="tmpl-media-modal">
    1508         <div class="media-modal">
     1508        <div class="media-modal wp-core-ui">
    15091509            <h3 class="media-modal-title">{{ data.title }}</h3>
    15101510            <a class="media-modal-close media-modal-icon" href="#" title="<?php esc_attr_e('Close'); ?>"></a>

  • trunk/wp-login.php

    r22413 r22948  
    8787        $login_header_url = '#';
    8888
    89     $classes = array( 'login-action-' . $action );
     89    $classes = array( 'login-action-' . $action, 'wp-core-ui' );
    9090    if ( wp_is_mobile() )
    9191        $classes[] = 'mobile';
Note: See TracChangeset for help on using the changeset viewer.