WordPress.org

Make WordPress Core

Ticket #13134: 13134.ui.2.patch

File 13134.ui.2.patch, 45.7 KB (added by koopersmith, 5 years ago)
  • wp-admin/includes/template.php

     
    35823582        if ( !isset($_wp_contextual_help) ) 
    35833583                $_wp_contextual_help = array(); 
    35843584 
    3585         $settings = ''; 
     3585        $settings = apply_filters('screen_settings', '', $screen); 
    35863586 
    35873587        switch ( $screen->id ) { 
    35883588                case 'widgets': 
    35893589                        $settings = '<p><a id="access-on" href="widgets.php?widgets-access=on">' . __('Enable accessibility mode') . '</a><a id="access-off" href="widgets.php?widgets-access=off">' . __('Disable accessibility mode') . "</a></p>\n"; 
    3590                         $show_screen = true; 
    35913590                        break; 
    35923591        } 
     3592        if( $settings ) 
     3593                $show_screen = true; 
    35933594?> 
    35943595<div id="screen-meta"> 
    35953596<?php 
    35963597        if ( $show_screen ) : 
     3598                $default_text = __('Show on screen'); 
    35973599?> 
    35983600<div id="screen-options-wrap" class="hidden"> 
    35993601        <form id="adv-settings" action="" method="post"> 
    3600         <h5><?php _e('Show on screen') ?></h5> 
    3601         <div class="metabox-prefs"> 
    3602 <?php 
    3603         if ( !meta_box_prefs($screen) && isset($column_screens) ) { 
    3604                 manage_columns_prefs($screen); 
    3605         } 
    3606 ?> 
    3607         <br class="clear" /> 
    3608         </div> 
    3609 <?php echo screen_layout($screen); ?> 
    3610 <?php echo $screen_options; ?> 
    3611 <?php echo $settings; ?> 
     3602        <?php if ( isset($wp_meta_boxes[$screen->id]) ) : ?> 
     3603                <h5><?php echo apply_filters('meta_box_prefs_header', $default_text); ?></h5> 
     3604                <div class="metabox-prefs"> 
     3605                        <?php meta_box_prefs($screen); ?> 
     3606                        <br class="clear" /> 
     3607                </div> 
     3608                <?php endif; 
     3609                if ( isset($column_screens) ) : ?> 
     3610                <h5><?php echo apply_filters('columns_prefs_header', $default_text); ?></h5> 
     3611                <div class="metabox-prefs"> 
     3612                        <?php manage_columns_prefs($screen); ?> 
     3613                        <br class="clear" /> 
     3614                </div> 
     3615        <?php endif; 
     3616        echo screen_layout($screen); 
     3617        echo $screen_options; 
     3618        echo $settings; ?> 
    36123619<div><?php wp_nonce_field( 'screen-options-nonce', 'screenoptionnonce', false ); ?></div> 
    36133620</form> 
    36143621</div> 
  • wp-admin/includes/nav-menu.php

     
    3232                        'page-tab', 
    3333                        '_wpnonce', 
    3434                ); 
     35                 
     36                $original_title = ''; 
     37                if ( 'taxonomy' == $item->type ) { 
     38                        $original_title = get_term_field( 'name', $item->object_id, $item->object, 'raw' ); 
     39                } elseif ( 'post_type' == $item->type ) { 
     40                        $original_object = get_post( $item->object_id ); 
     41                        $original_title = $original_object->post_title; 
     42                } 
    3543                ?> 
    36                 <li id="menu-item-<?php echo $item_id; ?>"> 
    37                         <dl> 
     44                <li id="menu-item-<?php echo $item_id; ?>" class="menu-item-<?php echo strtolower(esc_attr( $item->append )); ?>"> 
     45                        <dl class="<?php  
     46                                if ( isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ) 
     47                                        echo 'menu-item-edit-active'; 
     48                                else 
     49                                        echo 'menu-item-edit-inactive'; 
     50                        ?>"> 
    3851                                <dt> 
    3952                                        <span class="item-title"><?php echo esc_html( $item->title ); ?></span> 
    4053                                        <span class="item-controls"> 
     
    6578                                                                        'move-item' 
    6679                                                                );  
    6780                                                        ?>" class="item-move-down"><abbr title="<?php esc_attr_e('Move down'); ?>">&#8595;</abbr></a> 
    68                                                         | 
    6981                                                </span> 
    7082                                                <a class="item-edit" id="edit-<?php echo $item_id; ?>" title="<?php _e('Edit Menu Item'); ?>" href="<?php  
    7183                                                        echo add_query_arg('edit-menu-item', $item_id, remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) ) );  
    72                                                 ?>#menu-item-settings-<?php echo $item_id; ?>"><?php _e('Edit'); ?></a> | 
    73                                                 <a class="item-delete submitdelete deletion" id="delete-<?php echo $item_id; ?>" href="<?php  
    74                                                 echo wp_nonce_url( 
    75                                                         add_query_arg( 
    76                                                                 array( 
    77                                                                         'action' => 'delete-menu-item', 
    78                                                                         'menu-item' => $item_id, 
    79                                                                 ), 
    80                                                                 remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) )  
    81                                                         ), 
    82                                                         'delete-menu_item_' . $item_id 
    83                                                 ); ?>"><?php _e('Delete'); ?></a> 
     84                                                ?>#menu-item-settings-<?php echo $item_id; ?>">Edit Menu Item</a> 
    8485                                        </span> 
    8586                                </dt> 
    8687                        </dl> 
    8788 
    8889                        <div class="menu-item-settings <?php  
    89                                 if ( isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ) : 
    90                                         echo ' menu-item-edit-active'; 
    91                                 else : 
    92                                         echo ' menu-item-edit-inactive'; 
    93                                 endif; 
    94                         ?>" id="menu-item-settings-<?php echo $item_id; ?>"> 
    95                                 <p class="description"> 
     90                                if ( isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ) 
     91                                        echo 'menu-item-edit-active'; 
     92                                else 
     93                                        echo 'menu-item-edit-inactive'; 
     94                        ?>" id="menu-item-settings-<?php echo $item_id; ?>">             
     95                                <?php if( 'custom' == $item->type ) : ?> 
     96                                        <p class="field-url description description-wide"> 
     97                                                <label for="edit-menu-item-url-<?php echo $item_id; ?>"> 
     98                                                        <?php _e( 'URL' ); ?><br /> 
     99                                                        <input type="text" id="edit-menu-item-url-<?php echo $item_id; ?>" class="widefat code edit-menu-item-url" name="menu-item-url[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->url ); ?>" /> 
     100                                                </label> 
     101                                        </p> 
     102                                <?php endif; ?> 
     103                                <p class="description description-thin"> 
    96104                                        <label for="edit-menu-item-title-<?php echo $item_id; ?>"> 
    97                                                 <?php _e( 'Menu Title' ); ?><br /> 
     105                                                <?php _e( 'Navigation Label' ); ?><br /> 
    98106                                                <input type="text" id="edit-menu-item-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-title" name="menu-item-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->title ); ?>" /> 
    99107                                        </label> 
    100108                                </p> 
    101                                 <p class="description"> 
    102                                         <label for="edit-menu-item-url-<?php echo $item_id; ?>"> 
    103                                                 <?php _e( 'URL' ); ?><br /> 
    104                                                 <input type="text" id="edit-menu-item-url-<?php echo $item_id; ?>" class="widefat code edit-menu-item-url" name="menu-item-url[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->url ); ?>" /> 
    105                                         </label> 
    106                                 </p> 
    107                                 <p class="description"> 
     109                                <p class="description description-thin"> 
    108110                                        <label for="edit-menu-item-attr-title-<?php echo $item_id; ?>"> 
    109111                                                <?php _e( 'Title Attribute' ); ?><br /> 
    110112                                                <input type="text" id="edit-menu-item-attr-title-<?php echo $item_id; ?>" class="widefat edit-menu-item-attr-title" name="menu-item-attr-title[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->post_excerpt ); ?>" /> 
    111113                                        </label> 
    112114                                </p> 
    113                                 <p class="description"> 
     115                                <p class="field-link-target description description-thin"> 
    114116                                        <label for="edit-menu-item-target-<?php echo $item_id; ?>"> 
    115117                                                <?php _e( 'Link Target' ); ?><br /> 
    116118                                                <select id="edit-menu-item-target-<?php echo $item_id; ?>" class="widefat edit-menu-item-target" name="menu-item-target[<?php echo $item_id; ?>]"> 
     
    119121                                                </select> 
    120122                                        </label> 
    121123                                </p> 
    122                                 <p class="description"> 
     124                                <p class="field-css-classes description description-thin"> 
    123125                                        <label for="edit-menu-item-classes-<?php echo $item_id; ?>"> 
    124126                                                <?php _e( 'CSS Classes (optional)' ); ?><br /> 
    125127                                                <input type="text" id="edit-menu-item-classes-<?php echo $item_id; ?>" class="widefat code edit-menu-item-classes" name="menu-item-classes[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->classes ); ?>" /> 
    126128                                        </label> 
    127129                                </p> 
    128                                 <p class="description"> 
     130                                <p class="field-xfn description description-thin"> 
    129131                                        <label for="edit-menu-item-xfn-<?php echo $item_id; ?>"> 
    130                                                 <?php _e( 'Link Relationship (XFN) (optional)' ); ?><br /> 
     132                                                <?php _e( 'Link Relationship (XFN)' ); ?><br /> 
    131133                                                <input type="text" id="edit-menu-item-xfn-<?php echo $item_id; ?>" class="widefat code edit-menu-item-xfn" name="menu-item-xfn[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->xfn ); ?>" /> 
    132134                                        </label> 
    133135                                </p> 
    134                                 <p class="description"> 
     136                                <p class="field-description description description-wide"> 
    135137                                        <label for="edit-menu-item-description-<?php echo $item_id; ?>"> 
    136                                                 <?php _e( 'Description (optional)' ); ?><br /> 
     138                                                <?php _e( 'Description' ); ?><br /> 
    137139                                                <textarea id="edit-menu-item-description-<?php echo $item_id; ?>" class="widefat edit-menu-item-description" rows="3" name="menu-item-description[<?php echo $item_id; ?>]"><?php echo esc_html( $item->description ); ?></textarea> 
    138140                                                <span class="description"><?php _e('The description will be displayed in the menu if the current theme supports it.'); ?></span> 
    139141                                        </label> 
    140142                                </p> 
    141143                                 
     144                                <span class="menu-item-actions description-wide submitbox"> 
     145                                        <?php if( 'custom' != $item->type ) : ?> 
     146                                                <p class="link-to-original"><?php 
     147                                                        _e('Original ');  
     148                                                        echo esc_html( $item->append ); 
     149                                                        echo ":"; ?> 
     150                                                        <a href="<?php echo esc_attr( $item->url ); ?>"> 
     151                                                                <?php echo esc_html($original_title); ?> 
     152                                                        </a> 
     153                                                </p> 
     154                                        <?php endif; ?> 
     155                                        <a class="item-delete submitdelete deletion" id="delete-<?php echo $item_id; ?>" href="<?php  
     156                                        echo wp_nonce_url( 
     157                                                add_query_arg( 
     158                                                        array( 
     159                                                                'action' => 'delete-menu-item', 
     160                                                                'menu-item' => $item_id, 
     161                                                        ), 
     162                                                        remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) )  
     163                                                ), 
     164                                                'delete-menu_item_' . $item_id 
     165                                        ); ?>"><?php _e('Remove'); ?></a> | <a class="item-close submitclose" id="close-<?php echo $item_id; ?>" href=""><?php _e('Close'); ?></a> 
     166                                        <input class="button-primary save-menu-item" name="save_menu_item" type="submit" value="<?php esc_attr_e('Save Menu Item'); ?>" /> 
     167                                </span> 
     168                                 
    142169                                <input type="hidden" name="menu-item-append[<?php echo $item_id; ?>]" value="<?php echo $item->append; ?>" /> 
    143170                                <input type="hidden" name="menu-item-db-id[<?php echo $item_id; ?>]" value="<?php echo $item_id; ?>" /> 
    144171                                <input type="hidden" name="menu-item-object-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->object_id ); ?>" /> 
     
    259286} 
    260287 
    261288/** 
    262  * Register nav menu metaboxes 
     289 * Register nav menu metaboxes and advanced menu items 
    263290 * 
    264291 * @since 3.0.0 
    265292 **/ 
    266 function wp_nav_menu_meta_boxes_setup() { 
     293function wp_nav_menu_setup() { 
     294        // Register meta boxes 
    267295        add_meta_box( 'add-custom-links', __('Custom Links'), 'wp_nav_menu_item_link_meta_box', 'nav-menus', 'side', 'default' ); 
    268296        wp_nav_menu_post_type_meta_boxes(); 
    269297        wp_nav_menu_taxonomy_meta_boxes(); 
     298         
     299         
     300        // Register advanced menu items (columns) 
     301        add_filter( 'manage_nav-menus_columns', 'wp_nav_menu_manage_columns'); 
     302         
     303        add_filter( 'columns_prefs_header', create_function( '', "return __('Show advanced menu properties');" )); 
     304         
     305         
     306         
     307        // If first time editing, disable advanced items by default. 
     308        if( false === get_user_option( 'managenav-menuscolumnshidden' ) ) { 
     309                $user = wp_get_current_user(); 
     310                update_user_option($user->ID, "managenav-menuscolumnshidden", 
     311                        array ( 0 => 'link-target', 1 => 'css-classes', 2 => 'xfn', 3 => 'description', ), 
     312                        true); 
     313        } 
    270314} 
    271315 
    272316/** 
     
    373417        ?> 
    374418        <div class="customlinkdiv"> 
    375419                <ul id="customlink-tabs" class="customlink-tabs add-menu-item-tabs"> 
    376                         <li <?php echo ( 'create' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg('customlink-tab', 'create', remove_query_arg($removed_args)); ?>#tabs-panel-create-custom"><?php _e('Create New'); ?></a></li> 
     420                        <li <?php echo ( 'create' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg('customlink-tab', 'create', remove_query_arg($removed_args)); ?>#tabs-panel-create-custom"><?php _e('Create New'); ?></a></li> 
    377421                </ul> 
    378422 
    379423                <div class="tabs-panel <?php  
     
    390434                        <p id="menu-item-name-wrap"> 
    391435                                <label class="howto" for="custom-menu-item-name"> 
    392436                                        <span><?php _e('Text'); ?></span> 
    393                                         <input id="custom-menu-item-name" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-title]" type="text" class="regular-text menu-item-textbox" value="<?php echo esc_attr( __('Menu Item') ); ?>" /> 
     437                                        <input id="custom-menu-item-name" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-title]" type="text" class="regular-text menu-item-textbox label-with-default-title" title="<?php esc_attr_e('Menu Item'); ?>" /> 
    394438                                </label> 
    395439                        </p> 
    396440                </div><!-- /.tabs-panel --> 
     
    508552        ?> 
    509553        <div id="posttype-<?php echo $post_type_name; ?>" class="posttypediv"> 
    510554                <ul id="posttype-<?php echo $post_type_name; ?>-tabs" class="posttype-tabs add-menu-item-tabs"> 
    511                         <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($post_type_name . '-tab', 'all', remove_query_arg($removed_args)); ?>#<?php echo $post_type_name; ?>-all"><?php _e('View All'); ?></a></li> 
    512                         <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($post_type_name . '-tab', 'search', remove_query_arg($removed_args)); ?>#tabs-panel-posttype-<?php echo $post_type_name; ?>-search"><?php _e('Search'); ?></a></li> 
     555                        <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($post_type_name . '-tab', 'all', remove_query_arg($removed_args)); ?>#<?php echo $post_type_name; ?>-all"><?php _e('View All'); ?></a></li> 
     556                        <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($post_type_name . '-tab', 'search', remove_query_arg($removed_args)); ?>#tabs-panel-posttype-<?php echo $post_type_name; ?>-search"><?php _e('Search'); ?></a></li> 
    513557                </ul> 
    514558 
    515559                <div class="tabs-panel <?php  
     
    664708        ?> 
    665709        <div id="taxonomy-<?php echo $taxonomy_name; ?>" class="taxonomydiv"> 
    666710                <ul id="taxonomy-<?php echo $taxonomy_name; ?>-tabs" class="taxonomy-tabs add-menu-item-tabs"> 
    667                         <li <?php echo ( 'most-used' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'most-used', remove_query_arg($removed_args)); ?>#tabs-panel-<?php echo $taxonomy_name; ?>-pop"><?php _e('Most Used'); ?></a></li> 
    668                         <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'search', remove_query_arg($removed_args)); ?>#tabs-panel-search-taxonomy-<?php echo $taxonomy_name; ?>"><?php _e('Search'); ?></a></li> 
    669                         <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="menu-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'all', remove_query_arg($removed_args)); ?>#tabs-panel-<?php echo $taxonomy_name; ?>-all"><?php _e('View All'); ?></a></li> 
     711                        <li <?php echo ( 'most-used' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'most-used', remove_query_arg($removed_args)); ?>#tabs-panel-<?php echo $taxonomy_name; ?>-pop"><?php _e('Most Used'); ?></a></li> 
     712                        <li <?php echo ( 'search' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'search', remove_query_arg($removed_args)); ?>#tabs-panel-search-taxonomy-<?php echo $taxonomy_name; ?>"><?php _e('Search'); ?></a></li> 
     713                        <li <?php echo ( 'all' == $current_tab ? ' class="tabs"' : '' ); ?>><a class="nav-tab-link" href="<?php echo add_query_arg($taxonomy_name . '-tab', 'all', remove_query_arg($removed_args)); ?>#tabs-panel-<?php echo $taxonomy_name; ?>-all"><?php _e('View All'); ?></a></li> 
    670714                </ul> 
    671715 
    672716                <div id="tabs-panel-<?php echo $taxonomy_name; ?>-pop" class="tabs-panel <?php 
     
    885929 
    886930} 
    887931 
     932/** 
     933 * Returns the columns for the nav menus page. 
     934 * 
     935 * @since 3.0.0 
     936 * 
     937 * @param string $menu_item_id The ID of the menu item to format. 
     938 * @return string|WP_Error $output The menu formatted to edit or error object on failure. 
     939 */ 
     940function wp_nav_menu_manage_columns() { 
     941        return array( 
     942                'cb' => '<input type="checkbox" />', 
     943                'link-target' => __('Link Target'), 
     944                'css-classes' => __('CSS Classes'), 
     945                'xfn' => __('Link Relationship (XFN)'), 
     946                'description' => __('Description'), 
     947        ); 
     948} 
     949 
    888950?> 
  • wp-admin/js/common.dev.js

     
    123123// show/hide/save table columns 
    124124columns = { 
    125125        init : function() { 
     126                var that = this; 
    126127                $('.hide-column-tog', '#adv-settings').click( function() { 
    127                         var column = $(this).val(); 
    128                         if ( $(this).attr('checked') ) 
    129                                 $('.column-' + column).show(); 
     128                        var $t = $(this), column = $t.val(); 
     129                        if ( $t.attr('checked') ) 
     130                                that.checked(column); 
    130131                        else 
    131                                 $('.column-' + column).hide(); 
     132                                that.unchecked(column); 
    132133 
    133                         columns.save_manage_columns_state(); 
     134                        columns.saveManageColumnsState(); 
    134135                }); 
    135136        }, 
    136137 
    137         save_manage_columns_state : function() { 
    138                 var hidden = $('.manage-column').filter(':hidden').map(function() { return this.id; }).get().join(','); 
     138        saveManageColumnsState : function() { 
     139                var hidden = this.hidden(); 
    139140                $.post(ajaxurl, { 
    140141                        action: 'hidden-columns', 
    141142                        hidden: hidden, 
    142143                        screenoptionnonce: $('#screenoptionnonce').val(), 
    143144                        page: pagenow 
    144145                }); 
    145         } 
     146        }, 
     147         
     148        checked : function(column) { 
     149                $('.column-' + column).show(); 
     150        }, 
     151         
     152        unchecked : function(column) { 
     153                $('.column-' + column).hide(); 
     154        }, 
     155         
     156        hidden : function() { 
     157                return $('.manage-column').filter(':hidden').map(function() { return this.id; }).get().join(','); 
     158        }, 
     159         
     160        useCheckboxesForHidden : function() { 
     161                this.hidden = function(){ 
     162                        return $('.hide-column-tog').not(':checked').map(function() { 
     163                                var id = this.id; 
     164                                return id.substring( id, id.length - 5 ); 
     165                        }).get().join(','); 
     166                }; 
     167        }, 
    146168} 
    147169 
    148170$(document).ready(function(){columns.init();}); 
  • wp-admin/js/nav-menu.dev.js

     
    111111                } 
    112112        }, 
    113113 
    114         /** 
    115          * Get the parent element with the matching class, but go no higher than the form. 
    116          * 
    117          * @param DOM-element el The descendant element up from which we'll be searching 
    118          * @param string parentClass The class name of the desired parent element. 
    119          * @return DOM-element The parent element. 
    120          */ 
    121         getParentWrapper = function( el, parentClass ) { 
    122                 var form = document.getElementById('nav-menu-meta'), 
    123                 i; 
    124  
    125                 while (  
    126                         el.parentNode && 
    127                         ( ! el.className || -1 == el.className.indexOf(parentClass) ) && 
    128                         el.parentNode != form 
    129                 ) { 
    130                         el = el.parentNode; 
    131                 } 
    132  
    133                 return el; 
    134         }, 
    135  
    136114        makeDroppable = function(el) { 
    137115                var that = this; 
    138116 
     
    189167                        // init drag and drop 
    190168                        setupListItemsDragAndDrop.call(this, menuList);  
    191169 
     170                        this.initToggles(); 
     171                }, 
     172                 
     173                initToggles : function() { 
     174                        // init postboxes 
    192175                        postboxes.add_postbox_toggles('nav-menus'); 
     176                         
     177                        // adjust columns functions for menus UI 
     178                        columns.useCheckboxesForHidden(); 
     179                        columns.checked = function(field) { 
     180                                $('.field-' + field).removeClass('hidden-field'); 
     181                        } 
     182                        columns.unchecked = function(field) { 
     183                                $('.field-' + field).addClass('hidden-field'); 
     184                        } 
     185                        // hide fields 
     186                        this.hideAdvancedMenuItemFields(); 
    193187                }, 
    194188                 
     189                hideAdvancedMenuItemFields : function(container) { 
     190                        container = container || '.menu'; 
     191                        $('.hide-column-tog').not(':checked').each(function(){ 
     192                                $(container).find('.field-' + $(this).val() ).addClass('hidden-field'); 
     193                        }); 
     194                }, 
     195                 
    195196                attachMenuEditListeners : function() { 
    196197                        var that = this; 
    197198                        $('#update-nav-menu').bind('click', function(e) { 
     
    202203                                                return that.eventOnClickMenuDelete(e.target); 
    203204                                        } else if ( -1 != e.target.className.indexOf('item-delete') ) { 
    204205                                                return that.eventOnClickMenuItemDelete(e.target); 
     206                                        } else if ( -1 != e.target.className.indexOf('item-close') ) { 
     207                                                return that.eventOnClickCloseLink(e.target); 
    205208                                        } 
    206209                                } 
    207210                        }); 
     
    211214                        if ( ! formEL ) 
    212215                                return; 
    213216 
    214                         var that = this; 
     217                        var that = this, lwd = 'label-with-default-title'; 
     218                         
     219                        $('.'+lwd).each(function(){ 
     220                                var $t = $(this), title = $t.attr('title'), val = $t.val(); 
     221                                $t.data(lwd, title); 
     222                                if( '' == val ) $t.val(title); 
     223                                else if ( title == val ) return; 
     224                                else $t.removeClass(lwd); 
     225                        }).focus(function(){ 
     226                                var $t = $(this); 
     227                                if( $t.val() == $t.data(lwd) ) 
     228                                        $t.val('').removeClass(lwd); 
     229                        }).blur(function(){ 
     230                                var $t = $(this); 
     231                                if( '' == $t.val() ) 
     232                                        $t.val( $t.data(lwd) ).addClass(lwd); 
     233                        }); 
    215234 
    216                         // set default value for custom link name 
    217                         customLinkNameInput = document.getElementById('custom-menu-item-name'); 
    218                         customLinkURLInput = document.getElementById('custom-menu-item-url'); 
    219  
    220                         if ( customLinkNameInput ) { 
    221                                 customLinkNameDefault = 'undefined' != typeof customLinkNameInput.defaultValue ? customLinkNameInput.defaultValue : customLinkNameInput.getAttribute('value'); 
    222                                 customLinkURLDefault = 'undefined' != typeof customLinkURLInput.defaultValue ? customLinkURLInput.defaultValue : customLinkURLInput.getAttribute('value'); 
    223                                 $(customLinkNameInput).bind('focus', function(e) { 
    224                                         this.value = customLinkNameDefault == this.value ? '' : this.value; 
    225                                 }); 
    226                                  
    227                                 $(customLinkNameInput).bind('blur', function(e) { 
    228                                         this.value = '' == this.value ? customLinkNameDefault : this.value; 
    229                                 }); 
    230                         } 
    231  
    232235                        // auto-suggest for the quick-search boxes 
    233236                        $('input.quick-search').each(function(i, el) { 
    234237                                that.setupQuickSearchEventListeners(el);  
     
    241244 
    242245                attachTabsPanelListeners : function() { 
    243246                        $('#menu-settings-column').bind('click', function(e) { 
    244                                 if ( e.target && e.target.className && -1 != e.target.className.indexOf('menu-tab-link') ) { 
     247                                if ( e.target && e.target.className && -1 != e.target.className.indexOf('nav-tab-link') ) { 
    245248                                        var activePanel, 
    246249                                        panelIdMatch = /#(.*)$/.exec(e.target.href), 
    247250                                        tabPanels, 
     
    330333                        var activeEdit, 
    331334                        matchedSection = /#(.*)$/.exec(clickedEl.href); 
    332335                        if ( matchedSection && matchedSection[1] ) { 
    333                                 activeEdit = document.getElementById(matchedSection[1]); 
    334                                 if ( activeEdit ) { 
    335                                         if ( -1 != activeEdit.className.indexOf('menu-item-edit-inactive') ) { 
    336                                                 activeEdit.className = activeEdit.className.replace('menu-item-edit-inactive', 'menu-item-edit-active'); 
    337                                         } else {  
    338                                                 activeEdit.className = activeEdit.className.replace('menu-item-edit-active', 'menu-item-edit-inactive'); 
     336                                activeEdit = $('#'+matchedSection[1]); 
     337                                if( 0 != activeEdit.length ) { 
     338                                        if( activeEdit.hasClass('menu-item-edit-inactive') ) { 
     339                                                activeEdit.slideDown('fast') 
     340                                                        .siblings('dl').andSelf() 
     341                                                        .removeClass('menu-item-edit-inactive') 
     342                                                        .addClass('menu-item-edit-active'); 
     343                                        } else { 
     344                                                activeEdit.slideUp('fast') 
     345                                                        .siblings('dl').andSelf() 
     346                                                        .removeClass('menu-item-edit-active') 
     347                                                        .addClass('menu-item-edit-inactive'); 
    339348                                        } 
    340349                                        return false; 
    341350                                } 
    342351                        } 
    343352                }, 
    344353                 
     354                eventOnClickCloseLink : function(clickedEl) { 
     355                        $(clickedEl).closest('.menu-item-settings').siblings('dl').find('.item-edit').click(); 
     356                        return false; 
     357                }, 
     358                 
    345359                eventOnClickMenuDelete : function(clickedEl) { 
    346360                        // Delete warning AYS 
    347361                        if ( confirm( navMenuL10n.warnDeleteMenu ) ) { 
     
    460474                 * @param object e The event object. 
    461475                 */ 
    462476                eventSubmitMetaForm : function(thisForm, e) { 
    463                         var ancestor, 
    464                         inputs = thisForm.getElementsByTagName('input'), 
     477                        var inputs = thisForm.getElementsByTagName('input'), 
    465478                        i = inputs.length, 
    466479                        j, 
    467480                        listItemData, 
     
    471484                        processMethod = function(){}, 
    472485                        re = new RegExp('menu-item\\[(\[^\\]\]*)'); 
    473486 
     487                        thisForm.className = thisForm.className + ' processing', 
    474488                        that = this; 
    475489 
    476490                        params['action'] = ''; 
     
    498512                                                params['menu-item[' + listItemDBID + '][' + j + ']'] = listItemData[j]; 
    499513                                        } 
    500514 
    501                                         ancestor = getParentWrapper(inputs[i], 'inside'); 
    502515                                        inputs[i].checked = false; 
    503516 
    504517                                // we're submitting a search term 
     
    508521                                        inputs[i].className && 
    509522                                        -1 != inputs[i].className.search(/quick-search\b[^-]/) 
    510523                                ) { 
    511                                         ancestor = getParentWrapper(inputs[i], 'inside'); 
    512524                                        params['action'] = 'menu-quick-search'; 
    513525                                        params['q'] = inputs[i].value; 
    514526                                        params['response-format'] = 'markup'; 
     
    516528                                        processMethod = that.processQuickSearchQueryResponse; 
    517529                                } 
    518530                        } 
    519  
    520                         if ( ancestor ) 
    521                                 ancestor.className = ancestor.className + ' processing', 
    522  
    523531                        params['menu'] = thisForm.elements['menu'].value; 
    524532                        params['menu-settings-column-nonce'] = thisForm.elements['menu-settings-column-nonce'].value; 
    525533 
    526534                        $.post( ajaxurl, params, function(menuMarkup) { 
    527535                                processMethod.call(that, menuMarkup, params);    
    528                                 ancestor.className = ancestor.className.replace(/processing/g, ''); 
     536                                thisForm.className = thisForm.className.replace(/processing/g, ''); 
    529537                        }); 
    530538 
    531539                        return false; 
     
    592600                        } 
    593601 
    594602                        this.recalculateSortOrder(menuList); 
     603                        this.hideAdvancedMenuItemFields(menuList); 
    595604 
    596605                        /* set custom link form back to defaults */ 
    597                         if ( customLinkNameInput && customLinkURLInput ) {  
    598                                 customLinkNameInput.value = customLinkNameDefault; 
    599                                 customLinkURLInput.value = customLinkURLDefault;  
    600                         } 
     606                        $('#custom-menu-item-name').val('').blur(); 
     607                        $('#custom-menu-item-url').val('http://'); 
    601608                }, 
    602609 
    603610                /** 
     
    639646                        if ( items[0] && req.object_type ) { 
    640647                                resultList = document.getElementById(req.object_type + '-search-checklist'); 
    641648                                if ( resultList ) { 
    642                                         resultList.innerHTML = ''; 
    643649                                        resultList.appendChild(items[0]); 
    644650                                } 
    645651                        } else if ( req.type ) { 
     
    647653                                if ( matched && matched[2] ) { 
    648654                                        resultList = document.getElementById(matched[2] + '-search-checklist'); 
    649655                                        if ( resultList ) { 
    650                                                 resultList.innerHTML = ''; 
    651656                                                i = items.length; 
    652657                                                if ( ! i ) { 
    653658                                                        message = document.createElement('li'); 
  • wp-admin/nav-menus.php

     
    316316 
    317317// The theme supports menus 
    318318if ( current_theme_supports('nav-menus') ) { 
    319         // Register nav menu metaboxes 
    320         wp_nav_menu_meta_boxes_setup(); 
     319        // Set up nav menu 
     320        wp_nav_menu_setup(); 
    321321 
    322322// The theme does not support menus but supports widgets 
    323323} elseif ( current_theme_supports('widgets') ) { 
    324         // Register nav menu metaboxes 
    325         wp_nav_menu_meta_boxes_setup(); 
     324        // Set up nav menu 
     325        wp_nav_menu_setup(); 
    326326        $messages_div = '<div id="message" class="error"><p>' . __('The current theme does not natively support menus, but you can use the &#8220;Navigation Menu&#8221; widget to add any menus you create here to the theme&#8217;s sidebar.') . '</p></div>'; 
    327327 
    328328// The theme supports neither menus nor widgets. 
     
    340340        <?php echo $messages_div; ?> 
    341341         
    342342        <?php if ( current_theme_supports('nav-menus') || current_theme_supports('widgets') ) : ?> 
     343        <div id="nav-menus-frame"> 
    343344        <div id="menu-settings-column" class="metabox-holder"> 
    344345 
    345346                <form id="nav-menu-meta" action="<?php echo admin_url( 'nav-menus.php' ); ?>" class="nav-menu-meta" method="post" enctype="multipart/form-data"> 
     
    350351                </form> 
    351352 
    352353        </div><!-- /#menu-settings-column --> 
    353          
    354354        <div id="menu-management-liquid"> 
    355                 <div id="menu-management" class=""> 
    356                         <h2> 
     355                <div id="menu-management"> 
     356                        <div class="nav-tabs"> 
    357357                                <?php  
    358358                                foreach( (array) $nav_menus as $_nav_menu ) : 
    359                                  
    360                                         ?> 
    361                                         <a href="<?php  
     359                         
     360                                        ?><a href="<?php  
    362361                                                echo add_query_arg( 
    363362                                                        array( 
    364363                                                                'action' => 'edit', 
     
    366365                                                        ), 
    367366                                                        admin_url( 'nav-menus.php' ) 
    368367                                                ); 
    369                                         ?>" class="menu-tabs<?php  
    370                                                 if ( $nav_menu_selected_id != $_nav_menu->term_id )  
    371                                                         echo ' menu-tab-inactive'; 
    372                                         ?>"><?php echo esc_html( $_nav_menu->name ); ?></a> 
    373  
    374                                         <?php 
     368                                        ?>" class="nav-tab<?php  
     369                                                if ( $nav_menu_selected_id == $_nav_menu->term_id )  
     370                                                        echo ' nav-tab-active'; 
     371                                        ?>"><?php echo esc_html( $_nav_menu->name ); ?></a><?php 
    375372                                endforeach; 
    376                                 ?> 
    377                                 <a href="<?php  
     373                                ?><a href="<?php  
    378374                                        echo add_query_arg( 
    379375                                                array( 
    380376                                                        'action' => 'edit', 
     
    382378                                                ), 
    383379                                                admin_url( 'nav-menus.php' ) 
    384380                                        ); 
    385                                 ?>" class="menu-tabs menu-add-new<?php  
    386                                         if ( 0 != $nav_menu_selected_id )  
    387                                                 echo ' menu-tab-inactive'; 
     381                                ?>" class="nav-tab menu-add-new<?php  
     382                                        if ( 0 == $nav_menu_selected_id )  
     383                                                echo ' nav-tab-active'; 
    388384                                ?>"><?php printf( '<abbr title="%s">+</abbr>', esc_html__( 'Add menu' ) ); ?></a> 
    389                         </h2> 
     385                        </div> 
    390386                        <div class="menu-edit"> 
    391387                                <form id="update-nav-menu" action="<?php echo admin_url( 'nav-menus.php' ); ?>" method="post" enctype="multipart/form-data"> 
    392                                         <div id="submitpost" class="submitbox"> 
    393                                                 <div id="minor-publishing"> 
    394                                                         <div class="misc-pub-section misc-pub-section-last"> 
    395                                                                 <label class="howto" for="menu-name"> 
    396                                                                         <span><?php _e('Name'); ?></span> 
    397                                                                         <input id="menu-name" name="menu-name" type="text" class="regular-text menu-item-textbox" value="<?php echo esc_attr( $nav_menu_selected_title  ); ?>" /> 
     388                                        <div id="nav-menu-header"> 
     389                                                <div id="submitpost" class="submitbox"> 
     390                                                        <div class="major-publishing-actions"> 
     391                                                                <label class="menu-name-label howto open-label" for="menu-name"> 
     392                                                                        <span><?php _e('Menu Name'); ?></span> 
     393                                                                        <input name="menu-name" type="text" class="menu-name regular-text menu-item-textbox label-with-default-title" title="Enter menu name here." value="<?php echo esc_attr( $nav_menu_selected_title  ); ?>" /> 
    398394                                                                        <br class="clear" /> 
    399395                                                                </label> 
    400                                                         </div><!--END .misc-pub-section misc-pub-section-last--> 
    401                                                         <br class="clear" /> 
    402                                                 </div><!--END #misc-publishing-actions--> 
    403                                                 <div id="major-publishing-actions"> 
    404  
    405                                                         <?php if ( ! empty( $nav_menu_selected_id ) ) : ?> 
    406                                                         <div id="delete-action"> 
    407                                                                 <a class="submitdelete deletion menu-delete" href="<?php echo wp_nonce_url( admin_url('nav-menus.php?action=delete&amp;menu=' . $nav_menu_selected_id), 'delete-nav_menu-' . $nav_menu_selected_id ); ?>"><?php _e('Delete Menu'); ?></a> 
    408                                                         </div><!--END #delete-action--> 
    409                                                         <?php endif; ?> 
    410  
    411                                                         <div id="publishing-action"> 
    412                                                                 <input class="button-primary" name="save_menu" type="submit" value="<?php esc_attr_e('Save Menu'); ?>" /> 
    413                                                         </div><!--END #publishing-action--> 
    414                                                         <br class="clear" /> 
    415                                                 </div><!--END #major-publishing-actions--> 
    416                                         </div><!--END #submitpost .submitbox--> 
    417                                         <?php wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false ); ?> 
    418                                         <?php wp_nonce_field( 'meta-box-order', 'meta-box-order-nonce', false ); ?> 
    419                                         <?php wp_nonce_field( 'update-nav_menu', 'update-nav-menu-nonce' ); ?> 
    420                                         <input type="hidden" name="action" value="update" /> 
    421                                         <input type="hidden" name="menu" id="menu" value="<?php echo esc_attr( $nav_menu_selected_id ); ?>" /> 
    422                                         <input type="hidden" id="hidden-metaboxes" value="<?php echo wp_initial_nav_menu_meta_boxes(); ?>" /> 
     396                                                         
     397                                                                <div class="publishing-action"> 
     398                                                                        <input class="button-primary" name="save_menu" type="submit" value="<?php esc_attr_e('Save Menu'); ?>" /> 
     399                                                                </div><!--END .publishing-action--> 
     400                                                         
     401                                                                <?php if ( ! empty( $nav_menu_selected_id ) ) : ?> 
     402                                                                <div class="delete-action"> 
     403                                                                        <a class="submitdelete deletion menu-delete" href="<?php echo wp_nonce_url( admin_url('nav-menus.php?action=delete&amp;menu=' . $nav_menu_selected_id), 'delete-nav_menu-' . $nav_menu_selected_id ); ?>"><?php _e('Delete Menu'); ?></a> 
     404                                                                </div><!--END .delete-action--> 
     405                                                                <?php endif; ?> 
     406                                                                <br class="clear" /> 
     407                                                        </div><!--END .major-publishing-actions--> 
     408                                                </div><!--END #submitpost .submitbox--> 
     409                                                <?php wp_nonce_field( 'closedpostboxes', 'closedpostboxesnonce', false ); ?> 
     410                                                <?php wp_nonce_field( 'meta-box-order', 'meta-box-order-nonce', false ); ?> 
     411                                                <?php wp_nonce_field( 'update-nav_menu', 'update-nav-menu-nonce' ); ?> 
     412                                                <input type="hidden" name="action" value="update" /> 
     413                                                <input type="hidden" name="menu" id="menu" value="<?php echo esc_attr( $nav_menu_selected_id ); ?>" /> 
     414                                                <input type="hidden" id="hidden-metaboxes" value="<?php echo wp_initial_nav_menu_meta_boxes(); ?>" /> 
     415                                        </div><!--END #nav-menu-header--> 
    423416                                        <div id="post-body"> 
    424417                                                <div id="post-body-content"> 
    425418                                                        <?php if ( is_nav_menu( $nav_menu_selected_id ) && ( current_theme_supports('nav-menus') || current_theme_supports('widgets') ) ) : ?> 
     
    445438                        </div><!-- /.menu-edit --> 
    446439                </div><!-- /#menu-management --> 
    447440        </div><!-- /#menu-management-liquid --> 
     441        </div><!-- /#nav-menus-frame--> 
    448442        <?php endif; // if menus supported in current theme ?> 
    449443</div><!-- /.wrap--> 
    450444 
  • wp-admin/css/wp-admin.dev.css

     
    494494        padding-top: 10px; 
    495495} 
    496496 
     497.nav-menus-php #wpbody-content .metabox-holder { 
     498        padding-top: 24px; 
     499} 
     500 
    497501#content { 
    498502        margin: 0; 
    499503        width: 100%; 
     
    37203724 
    37213725/* Tab Interface */ 
    37223726 
    3723 .menu-tabs { 
    3724         border-width: 1px 1px 2px; 
     3727.nav-tab { 
    37253728        border-style: solid; 
    37263729        border-color: #ccc #ccc #f9f9f9; 
    3727         color: #464646; 
    3728         padding: 4px 20px 6px; 
     3730        border-width: 1px 1px 0; 
     3731        color: #c1c1c1; 
     3732        text-shadow: rgba(255,255,255,1) 0 1px 0; 
     3733        font-size: 12px; 
     3734        line-height: 16px; 
     3735        display: inline-block; 
     3736        padding: 4px 14px 6px; 
    37293737        text-decoration: none; 
    37303738        background-color: #fafafa; 
    3731         margin: 0 6px 0 0; 
     3739        margin: 0 6px -1px 0; 
    37323740        -moz-border-radius: 5px 5px 0 0; 
    37333741        -webkit-border-top-left-radius: 5px; 
    37343742        -webkit-border-top-right-radius: 5px; 
     
    37383746        border-top-right-radius: 5px; 
    37393747} 
    37403748 
     3749.nav-tab-active { 
     3750        border-width: 1px; 
     3751        color: #464646; 
     3752} 
     3753 
    37413754.themes-php .wrap h2, .theme-install-php .wrap h2 { 
    37423755        border-bottom: 1px solid #ccc; 
     3756        padding-bottom: 0; 
    37433757} 
    37443758 
    3745 .menu-tab-inactive { 
    3746         border-width: 1px 1px 0; 
    3747         background-color: #fafafa; 
    3748         color: #c1c1c1; 
     3759h2 .nav-tab { 
     3760        padding: 4px 20px 6px; 
     3761        font: italic normal normal 24px/35px Georgia, "Times New Roman", "Bitstream Charter", Times, serif; 
    37493762} 
  • wp-admin/css/nav-menu.dev.css

     
    88 * @subpackage Administration 
    99 */ 
    1010 
     11#nav-menus-frame { 
     12        margin-left: 300px; 
     13} 
     14 
    1115#menu-settings-column { 
    1216        display:block; 
    13         float:left; 
    1417        width:281px; 
     18        margin-left: -300px; 
     19        clear: both; 
     20        float: left; 
    1521} 
    1622 
    1723#menu-settings-column .inside { 
     
    2228        background: url("../images/menu-bits.gif") no-repeat scroll 0 -110px; 
    2329} 
    2430 
     31#wpbody { 
     32        position: relative; 
     33} 
     34 
    2535/* Menu Container */ 
    26 #menu-management-liquid {  
    27         float:right; 
    28         margin-left:-300px; 
    29         width: 100%; 
     36#menu-management-liquid { 
     37        float: left; 
     38        min-width: 100%; 
    3039} 
    3140#menu-management { 
    32         margin-left:300px; 
    33         max-width: 600px; 
     41        position: relative; 
     42        margin-right: 20px; 
     43        margin-top: -3px; 
     44        width: 100%; 
    3445} 
    3546        #menu-management .menu-edit { 
    36                 background-color:#fff; 
    37                 border-color: #dfdfdf; 
    38                 border-width: 1px; 
     47                margin-bottom: 20px; 
     48        } 
     49         
     50        #nav-menu-header, #post-body { 
     51                border-color: #ccc; 
    3952                border-style: solid; 
    40                 margin-bottom: 20px; 
    41                 padding:0 10px 10px; 
     53        } 
     54         
     55        #nav-menu-header { 
     56                background: url("../images/gray-grad.png") repeat-x scroll left top #dfdfdf; 
     57                border-width: 1px 1px 0 1px; 
     58                -moz-border-radius-topleft: 6px; 
     59                -webkit-border-top-left-radius: 6px; 
     60                -khtml-border-top-left-radius: 6px; 
     61                border-top-left-radius: 6px; 
     62                -moz-border-radius-topright: 6px; 
     63                -webkit-border-top-right-radius: 6px; 
     64                -khtml-border-top-right-radius: 6px; 
     65                border-top-right-radius: 6px; 
     66        } 
     67         
     68        #post-body { 
     69                background: #fff; 
     70                padding:0 0 10px 10px; 
     71                border-width: 0 1px 1px 1px; 
    4272                -moz-border-radius-bottomleft: 6px; 
    4373                -webkit-border-bottom-left-radius: 6px; 
    4474                -khtml-border-bottom-left-radius: 6px; 
     
    4777                -webkit-border-bottom-right-radius: 6px; 
    4878                -khtml-border-bottom-right-radius: 6px; 
    4979                border-bottom-right-radius: 6px; 
    50                 -moz-border-radius-topright: 6px; 
    51                 -webkit-border-top-right-radius: 6px; 
    52                 -khtml-border-top-right-radius: 6px; 
    53                 border-top-right-radius: 6px; 
    5480        } 
    5581 
    5682        #menu-management .menu-add-new abbr { 
    5783                font-weight:bold; 
    5884        } 
     85         
     86        #menu-management .nav-tabs { 
     87                padding-left: 30px; 
     88        } 
    5989 
    60         #menu-management .menu-tabs { 
    61                 background-color:#fff; 
    62                 border-color:#dfdfdf; 
    63                 border-bottom-color:#fff; 
     90        #menu-management .nav-tab { 
     91                background: #f4f4f4; 
     92                font-weight: bold; 
     93                border-color: #dfdfdf; 
    6494        } 
    6595         
    66         #menu-management .menu-tab-inactive { 
    67                 background-color:#fafafa; 
    68                 border-bottom-color:#fafafa; 
     96        #menu-management .nav-tab-active { 
     97                background: #ececec; 
     98                border-color:#ccc; 
     99                border-bottom-color: #ececec; 
    69100        } 
     101         
     102        #menu-management #major-publishing-actions #delete-action { 
     103                float: right; 
     104                margin-right: 10px; 
     105        } 
     106         
     107        #menu-name-label { 
     108                margin-top: -2px; 
     109        } 
     110         
     111        #wpbody .open-label { 
     112                display: inline-block; 
     113        } 
     114        #wpbody .open-label span { 
     115                padding-right: 10px; 
     116        } 
     117         
     118        .js .label-with-default-title { 
     119                color: #aaa; 
     120                font-style: italic; 
     121        } 
    70122 
    71123#menu-management .inside { padding: 0 10px; } 
    72124 
     125/* Add Menu Item Boxes */ 
     126.tabs-panel .howto input { 
     127        width: 180px; 
     128        float: right; 
     129} 
     130 
    73131/* Button Primary Actions */ 
    74132#menu-container .submit { margin: 0px 0px 10px; padding: 0px; } 
    75133 
    76 .submitdelete { font-size: 11px; } 
     134.submitdelete, .submitclose { font-size: 11px; } 
    77135#cancel-save { color: #ff0000; text-decoration: underline; font-size: 11px; margin-left: 20px; margin-top: 5px; } 
    78136#cancel-save:hover { background-color: #FF0000; color: #fff; } 
    79137 
     
    83141        float: right; 
    84142} 
    85143 
    86 .processing .add-to-menu { 
     144form.processing .add-to-menu { 
    87145        background: url("../images/wpspin_light.gif") no-repeat top center; 
    88146        display:block; 
    89147        height:20px; 
     
    105163#available-links dt { display: block; } 
    106164#add-custom-link .howto { font-size: 11px; } 
    107165#add-custom-link label span { display: block; float: left; margin-top: 5px; padding-right: 5px; } 
    108 .menu-item-textbox { float: right; width: 220px; } 
     166.menu-item-textbox { width: 180px; } 
    109167.howto span { margin-top: 4px; display: block; float: left; } 
    110168 
    111169/* Menu item types */ 
     
    120178.list li .menu-item-title { cursor: pointer; display: block; } 
    121179.list li .menu-item-title input { margin-right: 3px; margin-top: -3px; } 
    122180 
    123 .list li ul li .menu-item-title  { margin-left: 14px; } 
    124 .list li ul li ul li .menu-item-title  { margin-left: 28px; } 
    125 .list li ul li ul li ul li .menu-item-title  { margin-left: 42px; } 
    126 .list li ul li ul li ul li ul li .menu-item-title  { margin-left: 56px; } 
    127 .list li ul li ul li ul li ul li ul li .menu-item-title  { margin-left: 70px; } 
    128 .list li ul li ul li ul li ul li ul li ul li .menu-item-title  { margin-left: 84px; } 
    129 .list li ul li ul li ul li ul li ul li ul li ul li .menu-item-title  { margin-left: 98px; } 
    130 .list li ul li ul li ul li ul li ul li ul li ul li ul li .menu-item-title  { margin-left: 112px; } 
     181.list li li .menu-item-title  { margin-left: 14px; } 
     182.list li li li .menu-item-title  { margin-left: 28px; } 
     183.list li li li li .menu-item-title  { margin-left: 42px; } 
     184.list li li li li li .menu-item-title  { margin-left: 56px; } 
     185.list li li li li li li .menu-item-title  { margin-left: 70px; } 
     186.list li li li li li li li .menu-item-title  { margin-left: 84px; } 
     187.list li li li li li li li li .menu-item-title  { margin-left: 98px; } 
     188.list li li li li li li li li li .menu-item-title  { margin-left: 112px; } 
    131189 
    132190/* Nav Menu */ 
    133191#menu-container .inside { padding-bottom: 10px; } 
     
    148206        position:relative; 
    149207} 
    150208.menu li dl dt { 
    151         -webkit-border-radius: 6px;  
    152         border-radius: 6px;  
    153         -moz-border-radius: 6px;  
     209        background: url("../images/gray-grad.png") repeat-x scroll left top #DFDFDF; 
    154210        border: 1px solid #E6E6E6;  
    155211        clear:both; 
    156212        position: relative;  
    157         padding-left: 10px;  
    158         background-color: #f1f1f1;  
    159         height: 35px;  
     213        padding-left: 10px; 
     214        height: auto; 
     215        width: 400px;  
    160216        line-height: 35px; 
     217        text-shadow: 0 1px 0 #FFFFFF; 
     218        font-weight:bold; 
     219        overflow: hidden; 
    161220} 
     221.menu li dl.menu-item-edit-inactive dt { 
     222        border-radius: 6px; 
     223        -webkit-border-radius: 6px;  
     224        -moz-border-radius: 6px; 
     225        -khtml-border-radius: 6px; 
     226} 
     227.menu li dl.menu-item-edit-active dt { 
     228        -moz-border-radius: 6px 6px 0 0; 
     229        -webkit-border-top-right-radius: 6px; 
     230        -webkit-border-top-left-radius: 6px; 
     231        -khtml-border-top-right-radius: 6px; 
     232        -khtml-border-top-left-radius: 6px; 
     233        border-top-right-radius: 6px; 
     234        border-top-left-radius: 6px; 
     235} 
    162236.js .menu li dl dt { 
    163237        cursor: move; 
    164238} 
     
    172246} 
    173247 
    174248.menu li .item-title {  
     249        padding: 7px 0; 
     250        line-height: 20px; 
    175251        display:block; 
    176         height:1em; 
    177         margin-right:18em; 
     252        margin-right:13em; 
    178253} 
    179254 
     255.menu li .sortable-placeholder { 
     256        width: 430px; 
     257} 
    180258.menu li div.sortable-placeholder { 
    181259        background: #f5f5f5; 
    182260        border: 1px dashed #bbb; 
    183         margin: 10px 0px; 
     261        margin: 10px 0; 
    184262        padding-top:40px; 
    185263} 
    186264 
     
    189267        padding-bottom:40px; 
    190268} 
    191269 
    192 .menu li ul li { margin-left: 20px; opacity: .7; } 
    193 .menu li ul li ul li { opacity: .9; } 
    194 .menu li ul li ul li ul li { opacity: .9; } 
    195 .menu li ul li ul li ul li ul li { opacity: .95; } 
     270.menu li li { margin-left: 20px; } 
    196271 
    197272/* Drag and Drop */ 
    198273.dropzone { height: 7px; margin: 3px 0 3px 0; } 
    199 .ui-draggable-dragging  { width: 600px; } 
    200274 
    201275/* Menu item controls */ 
    202276.item-type { text-transform: uppercase; font-size: 11px; color: #999999; padding-right: 10px; } 
    203 .item-controls { font-size: 11px; position: absolute; right: 15px; top: -1px; } 
     277.item-controls { font-size: 11px; position: absolute; right: 20px; top: -1px; } 
    204278.item-controls a { text-decoration: none; } 
    205279.item-controls a:hover { cursor: pointer; } 
     280.item-controls .item-order { padding-right: 10px;} 
    206281.item-controls .item-order a { 
    207282        font-weight:bold; 
    208283} 
     
    213288 
    214289.item-controls .menu-item-delete:hover { color: #ff0000; } 
    215290 
     291.item-edit { 
     292        background: url("../images/menu-bits.gif") no-repeat scroll 0 -105px; 
     293        position: absolute; 
     294        right: -20px; 
     295        top: 0; 
     296        display: block; 
     297        width: 23px; 
     298        height: 36px; 
     299        overflow: hidden; 
     300        text-indent:-999em; 
     301        border-bottom: 1px solid #eee; 
     302        -moz-border-radius-bottomleft: 3px; 
     303        -webkit-border-bottom-left-radius: 3px; 
     304        -khtml-border-bottom-left-radius: 3px; 
     305        border-bottom-left-radius: 3px; 
     306} 
     307 
    216308/* Menu editing */ 
    217 .menu-item-edit-active { 
     309.menu-item-settings { 
     310        background: #F9F9F9; 
     311        width: 400px; 
     312        padding: 10px 0 10px 10px; 
     313        border: solid #E6E6E6; 
     314        border-width: 0 1px 1px 1px; 
     315        -moz-border-radius: 0 0 6px 6px; 
     316        -webkit-border-bottom-right-radius: 6px; 
     317        -webkit-border-bottom-left-radius: 6px; 
     318        -khtml-border-bottom-right-radius: 6px; 
     319        -khtml-border-bottom-left-radius: 6px; 
     320} 
     321.menu-item-settings.menu-item-edit-active { 
    218322        display:block; 
    219323} 
    220324 
    221 .menu-item-edit-inactive { 
     325.menu-item-settings.menu-item-edit-inactive { 
    222326        display:none; 
    223327} 
    224328 
     
    227331        text-align:center; 
    228332} 
    229333 
     334.link-to-original { 
     335        display: block; 
     336        margin: 0 0 10px; 
     337        padding: 3px 5px 5px; 
     338        font-size: 11px; 
     339        color: #777; 
     340        font-style: italic; 
     341        border: 1px solid #dfdfdf;       
     342        border-radius: 6px; 
     343        -webkit-border-radius: 6px;  
     344        -moz-border-radius: 6px; 
     345        -khtml-border-radius: 6px; 
     346} 
     347        .link-to-original a { 
     348                padding-left: 4px; 
     349                font-style: normal; 
     350        } 
     351 
     352.hidden-field { 
     353        display: none; 
     354} 
     355 
     356.menu-item-settings .description-thin, 
     357.menu-item-settings .description-wide { 
     358        margin-right: 10px; 
     359        float: left; 
     360} 
     361.description-thin { 
     362        width: 190px; 
     363        height: 40px; 
     364} 
     365.description-wide { 
     366        width: 390px; 
     367} 
     368 
     369.menu-item-actions { 
     370        padding-top: 15px; 
     371        line-height: 25px; 
     372} 
     373.save-menu-item { 
     374        padding-left: 10px; 
     375        float: right; 
     376} 
     377 
    230378#cancel-save { cursor: pointer; } 
    231379#cancel-save:hover { color: #fff !important; } 
    232380#update-menu-item { color: #fff !important; } 
     
    234382#update-menu-item:active, 
    235383#update-menu-item:focus { color: #eaf2fa !important; border-color: #13455b !important; } 
    236384 
     385/* Major/minor publishing actions (classes) */ 
     386.major-publishing-actions { 
     387        padding: 5px 10px; 
     388        border-bottom: 1px solid #eee; 
     389} 
     390.major-publishing-actions .publishing-action { 
     391        text-align: right; 
     392        float: right; 
     393        line-height: 23px; 
     394} 
     395.major-publishing-actions .delete-action { 
     396        line-height: 25px; 
     397        vertical-align: middle; 
     398        text-align: left; 
     399        float: right; 
     400        padding-right: 15px; 
     401} 
     402.menu-name-label span { 
     403        font-size: 11px; 
     404        font-style: normal; 
     405} 
     406.submitbox .submitclose { 
     407        color: #21759B; 
     408        border-bottom: 1px solid #21759B; 
     409        padding: 1px 2px; 
     410        text-decoration: none; 
     411} 
     412.submitbox .submitclose:hover { 
     413        background: #21759B; 
     414        color: #fff; 
     415} 
     416 
     417 
    237418/* Clearfix */ 
    238419.button-controls:after, #menu-item-url-wrap:after, #menu-item-name-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
    239420.button-controls, #menu-item-url-wrap, #menu-item-name-wrap { display: block; } 
  • wp-admin/theme-install.php

     
    5959?> 
    6060<div class="wrap"> 
    6161<?php screen_icon(); ?> 
    62 <h2><a href="themes.php" class="menu-tabs menu-tab-inactive"><?php echo esc_html_x('Manage Themes', 'theme'); ?></a><a href="theme-install.php" class="menu-tabs"><?php echo esc_html( $title ); ?></a></h2> 
     62<h2><a href="themes.php" class="nav-tab"><?php echo esc_html_x('Manage Themes', 'theme'); ?></a><a href="theme-install.php" class="nav-tab nav-tab-active"><?php echo esc_html( $title ); ?></a></h2> 
    6363 
    6464        <ul class="subsubsub"> 
    6565<?php 
  • wp-admin/themes.php

     
    134134 
    135135<div class="wrap"> 
    136136<?php screen_icon(); ?> 
    137 <h2><a href="themes.php" class="menu-tabs"><?php echo esc_html( $title ); ?></a><?php if ( current_user_can('install_themes') ) { ?><a href="theme-install.php" class="menu-tabs menu-tab-inactive"><?php echo esc_html_x('Install Themes', 'theme'); ?></a><?php } ?></h2> 
     137<h2><a href="themes.php" class="nav-tab nav-tab-active"><?php echo esc_html( $title ); ?></a><?php if ( current_user_can('install_themes') ) { ?><a href="theme-install.php" class="nav-tab"><?php echo esc_html_x('Install Themes', 'theme'); ?></a><?php } ?></h2> 
    138138 
    139139<h3><?php _e('Current Theme'); ?></h3> 
    140140<div id="current-theme">