WordPress.org

Make WordPress Core

Ticket #13134: 13134.ui.1.patch

File 13134.ui.1.patch, 42.5 KB (added by koopersmith, 8 years ago)
  • wp-admin/includes/template.php

     
    32423242 */
    32433243function manage_columns_prefs($page) {
    32443244        $columns = get_column_headers($page);
    3245 
     3245       
    32463246        $hidden = get_hidden_columns($page);
    32473247
    32483248        foreach ( $columns as $column => $title ) {
     
    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>
     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        <?php 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; ?>
    36093616<?php echo screen_layout($screen); ?>
    36103617<?php echo $screen_options; ?>
    36113618<?php echo $settings; ?>
  • wp-admin/includes/nav-menu.php

     
    3434                );
    3535                ?>
    3636                <li id="menu-item-<?php echo $item_id; ?>">
    37                         <dl>
     37                        <dl class="<?php
     38                                if ( isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ) :
     39                                        echo 'menu-item-edit-active';
     40                                else :
     41                                        echo 'menu-item-edit-inactive';
     42                                endif;
     43                        ?>">
    3844                                <dt>
    3945                                        <span class="item-title"><?php echo esc_html( $item->title ); ?></span>
    4046                                        <span class="item-controls">
     
    6571                                                                        'move-item'
    6672                                                                );
    6773                                                        ?>" class="item-move-down"><abbr title="<?php esc_attr_e('Move down'); ?>">&#8595;</abbr></a>
    68                                                         |
    6974                                                </span>
    7075                                                <a class="item-edit" id="edit-<?php echo $item_id; ?>" title="<?php _e('Edit Menu Item'); ?>" href="<?php
    7176                                                        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>
     77                                                ?>#menu-item-settings-<?php echo $item_id; ?>">Edit Menu Item</a>
    8478                                        </span>
    8579                                </dt>
    8680                        </dl>
    8781
    8882                        <div class="menu-item-settings <?php
    8983                                if ( isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ) :
    90                                         echo ' menu-item-edit-active';
     84                                        echo 'menu-item-edit-active';
    9185                                else :
    92                                         echo ' menu-item-edit-inactive';
     86                                        echo 'menu-item-edit-inactive';
    9387                                endif;
    94                         ?>" id="menu-item-settings-<?php echo $item_id; ?>">
    95                                 <p class="description">
    96                                         <label for="edit-menu-item-title-<?php echo $item_id; ?>">
    97                                                 <?php _e( 'Menu Title' ); ?><br />
    98                                                 <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 ); ?>" />
    99                                         </label>
    100                                 </p>
    101                                 <p class="description">
     88                        ?>" id="menu-item-settings-<?php echo $item_id; ?>">                                   
     89                                <p class="description description-wide">
    10290                                        <label for="edit-menu-item-url-<?php echo $item_id; ?>">
    10391                                                <?php _e( 'URL' ); ?><br />
    10492                                                <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 ); ?>" />
    10593                                        </label>
    10694                                </p>
    107                                 <p class="description">
     95                                <p class="description description-thin">
     96                                        <label for="edit-menu-item-title-<?php echo $item_id; ?>">
     97                                                <?php _e( 'Navigation Label' ); ?><br />
     98                                                <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 ); ?>" />
     99                                        </label>
     100                                </p>
     101                                <p class="description description-thin">
    108102                                        <label for="edit-menu-item-attr-title-<?php echo $item_id; ?>">
    109103                                                <?php _e( 'Title Attribute' ); ?><br />
    110104                                                <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 ); ?>" />
    111105                                        </label>
    112106                                </p>
    113                                 <p class="description">
     107                                <p class="field-link-target description description-thin">
    114108                                        <label for="edit-menu-item-target-<?php echo $item_id; ?>">
    115109                                                <?php _e( 'Link Target' ); ?><br />
    116110                                                <select id="edit-menu-item-target-<?php echo $item_id; ?>" class="widefat edit-menu-item-target" name="menu-item-target[<?php echo $item_id; ?>]">
     
    119113                                                </select>
    120114                                        </label>
    121115                                </p>
    122                                 <p class="description">
     116                                <p class="field-css-classes description description-thin">
    123117                                        <label for="edit-menu-item-classes-<?php echo $item_id; ?>">
    124118                                                <?php _e( 'CSS Classes (optional)' ); ?><br />
    125119                                                <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 ); ?>" />
    126120                                        </label>
    127121                                </p>
    128                                 <p class="description">
     122                                <p class="field-xfn description description-thin">
    129123                                        <label for="edit-menu-item-xfn-<?php echo $item_id; ?>">
    130                                                 <?php _e( 'Link Relationship (XFN) (optional)' ); ?><br />
     124                                                <?php _e( 'Link Relationship (XFN)' ); ?><br />
    131125                                                <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 ); ?>" />
    132126                                        </label>
    133127                                </p>
    134                                 <p class="description">
     128                                <p class="field-description description description-wide">
    135129                                        <label for="edit-menu-item-description-<?php echo $item_id; ?>">
    136                                                 <?php _e( 'Description (optional)' ); ?><br />
     130                                                <?php _e( 'Description' ); ?><br />
    137131                                                <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>
    138132                                                <span class="description"><?php _e('The description will be displayed in the menu if the current theme supports it.'); ?></span>
    139133                                        </label>
    140134                                </p>
    141135                               
     136                                <span class="menu-item-actions description-wide submitbox">
     137                                        <a class="item-delete submitdelete deletion" id="delete-<?php echo $item_id; ?>" href="<?php
     138                                        echo wp_nonce_url(
     139                                                add_query_arg(
     140                                                        array(
     141                                                                'action' => 'delete-menu-item',
     142                                                                'menu-item' => $item_id,
     143                                                        ),
     144                                                        remove_query_arg($removed_args, admin_url( 'nav-menus.php' ) )
     145                                                ),
     146                                                'delete-menu_item_' . $item_id
     147                                        ); ?>"><?php _e('Remove'); ?></a> | <a class="item-close submitclose" id="close-<?php echo $item_id; ?>" href=""><?php _e('Close'); ?></a>
     148                                        <input class="button-primary save-menu-item" name="save_menu_item" type="submit" value="<?php esc_attr_e('Save Menu Item'); ?>" />
     149                                </span>
     150                               
    142151                                <input type="hidden" name="menu-item-append[<?php echo $item_id; ?>]" value="<?php echo $item->append; ?>" />
    143152                                <input type="hidden" name="menu-item-db-id[<?php echo $item_id; ?>]" value="<?php echo $item_id; ?>" />
    144153                                <input type="hidden" name="menu-item-object-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->object_id ); ?>" />
     
    146155                                <input type="hidden" name="menu-item-parent-id[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->post_parent ); ?>" />
    147156                                <input type="hidden" class="menu-item-position" name="menu-item-position[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->menu_order ); ?>" />
    148157                                <input type="hidden" name="menu-item-type[<?php echo $item_id; ?>]" value="<?php echo esc_attr( $item->type ); ?>" />
     158                               
     159                                <div class="clear"></div>
    149160                        </div><!-- .menu-item-settings-->
    150161                <?php
    151162                $output .= ob_get_clean();
     
    259270}
    260271
    261272/**
    262  * Register nav menu metaboxes
     273 * Register nav menu metaboxes and advanced menu items
    263274 *
    264275 * @since 3.0.0
    265276 **/
    266 function wp_nav_menu_meta_boxes_setup() {
     277function wp_nav_menu_setup() {
     278        // Register meta boxes
    267279        add_meta_box( 'add-custom-links', __('Custom Links'), 'wp_nav_menu_item_link_meta_box', 'nav-menus', 'side', 'default' );
    268280        wp_nav_menu_post_type_meta_boxes();
    269281        wp_nav_menu_taxonomy_meta_boxes();
     282       
     283       
     284        // Register advanced menu items (columns)
     285        add_filter( 'manage_nav-menus_columns', 'wp_nav_menu_manage_columns');
     286       
     287        add_filter( 'columns_prefs_header', create_function( '', "return __('Show advanced menu properties');" ));
     288        // If first time editing, disable advanced items by default.
     289        if( false === get_user_option( 'managenav-menuscolumnshidden' ) )
     290                update_user_option($user->ID, "managenav-menuscolumnshidden", array ( 0 => 'link-target', 1 => 'css-classes', 2 => 'xfn', 3 => 'description', ), true);
    270291}
    271292
    272293/**
     
    373394        ?>
    374395        <div class="customlinkdiv">
    375396                <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>
     397                        <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>
    377398                </ul>
    378399
    379400                <div class="tabs-panel <?php
     
    390411                        <p id="menu-item-name-wrap">
    391412                                <label class="howto" for="custom-menu-item-name">
    392413                                        <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') ); ?>" />
     414                                        <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" value="<?php esc_attr_e('Menu Item'); ?>" />
    394415                                </label>
    395416                        </p>
    396417                </div><!-- /.tabs-panel -->
     
    508529        ?>
    509530        <div id="posttype-<?php echo $post_type_name; ?>" class="posttypediv">
    510531                <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>
     532                        <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>
     533                        <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>
    513534                </ul>
    514535
    515536                <div class="tabs-panel <?php
     
    664685        ?>
    665686        <div id="taxonomy-<?php echo $taxonomy_name; ?>" class="taxonomydiv">
    666687                <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>
     688                        <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>
     689                        <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>
     690                        <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>
    670691                </ul>
    671692
    672693                <div id="tabs-panel-<?php echo $taxonomy_name; ?>-pop" class="tabs-panel <?php
     
    885906
    886907}
    887908
     909/**
     910 * Returns the columns for the nav menus page.
     911 *
     912 * @since 3.0.0
     913 *
     914 * @param string $menu_item_id The ID of the menu item to format.
     915 * @return string|WP_Error $output The menu formatted to edit or error object on failure.
     916 */
     917function wp_nav_menu_manage_columns() {
     918        return array(
     919                'cb' => '<input type="checkbox" />',
     920                'link-target' => __('Link Target'),
     921                'css-classes' => __('CSS Classes'),
     922                'xfn' => __('Link Relationship (XFN)'),
     923                'description' => __('Description'),
     924        );
     925}
     926
    888927?>
  • 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                        $('.hide-column-tog').not(':checked').each(function(){
     187                                $('.field-' + $(this).val() ).addClass('hidden-field');
     188                        });
    193189                },
    194190               
    195191                attachMenuEditListeners : function() {
     
    202198                                                return that.eventOnClickMenuDelete(e.target);
    203199                                        } else if ( -1 != e.target.className.indexOf('item-delete') ) {
    204200                                                return that.eventOnClickMenuItemDelete(e.target);
     201                                        } else if ( -1 != e.target.className.indexOf('item-close') ) {
     202                                                return that.eventOnClickCloseLink(e.target);
    205203                                        }
    206204                                }
    207205                        });
     
    211209                        if ( ! formEL )
    212210                                return;
    213211
    214                         var that = this;
     212                        var that = this, lwd = 'label-with-default-title';
     213                       
     214                        $('.'+lwd).each(function(){
     215                                var $t = $(this), title = $t.attr('title'), val = $t.val();
     216                                $t.data(lwd, title);
     217                                if( '' == val ) $t.val(title);
     218                                else if ( title == val ) return;
     219                                else $t.removeClass(lwd);
     220                        }).focus(function(){
     221                                var $t = $(this);
     222                                if( $t.val() == $t.data(lwd) )
     223                                        $t.val('').removeClass(lwd);
     224                        }).blur(function(){
     225                                var $t = $(this);
     226                                if( '' == $t.val() )
     227                                        $t.val( $t.data(lwd) ).addClass(lwd);
     228                        });
    215229
    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 
    232230                        // auto-suggest for the quick-search boxes
    233231                        $('input.quick-search').each(function(i, el) {
    234232                                that.setupQuickSearchEventListeners(el);
     
    241239
    242240                attachTabsPanelListeners : function() {
    243241                        $('#menu-settings-column').bind('click', function(e) {
    244                                 if ( e.target && e.target.className && -1 != e.target.className.indexOf('menu-tab-link') ) {
     242                                if ( e.target && e.target.className && -1 != e.target.className.indexOf('nav-tab-link') ) {
    245243                                        var activePanel,
    246244                                        panelIdMatch = /#(.*)$/.exec(e.target.href),
    247245                                        tabPanels,
     
    327325                },
    328326
    329327                eventOnClickEditLink : function(clickedEl) {
    330                         var activeEdit,
     328                        var activeEdit, parent,
    331329                        matchedSection = /#(.*)$/.exec(clickedEl.href);
    332330                        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');
     331                                activeEdit = $('#'+matchedSection[1]);
     332                                if( 0 != activeEdit.length ) {
     333                                        if( activeEdit.hasClass('menu-item-edit-inactive') ) {
     334                                                activeEdit.slideDown('fast')
     335                                                        .siblings('dl').andSelf()
     336                                                        .removeClass('menu-item-edit-inactive')
     337                                                        .addClass('menu-item-edit-active');
     338                                        } else {
     339                                                activeEdit.slideUp('fast')
     340                                                        .siblings('dl').andSelf()
     341                                                        .removeClass('menu-item-edit-active')
     342                                                        .addClass('menu-item-edit-inactive');
    339343                                        }
    340344                                        return false;
    341345                                }
    342346                        }
    343347                },
    344348               
     349                eventOnClickCloseLink : function(clickedEl) {
     350                        $(clickedEl).closest('.menu-item-settings').siblings('dl').find('.item-edit').click();
     351                        return false;
     352                },
     353               
    345354                eventOnClickMenuDelete : function(clickedEl) {
    346355                        // Delete warning AYS
    347356                        if ( confirm( navMenuL10n.warnDeleteMenu ) ) {
     
    460469                 * @param object e The event object.
    461470                 */
    462471                eventSubmitMetaForm : function(thisForm, e) {
    463                         var ancestor,
    464                         inputs = thisForm.getElementsByTagName('input'),
     472                        var inputs = thisForm.getElementsByTagName('input'),
    465473                        i = inputs.length,
    466474                        j,
    467475                        listItemData,
     
    471479                        processMethod = function(){},
    472480                        re = new RegExp('menu-item\\[(\[^\\]\]*)');
    473481
     482                        thisForm.className = thisForm.className + ' processing',
    474483                        that = this;
    475484
    476485                        params['action'] = '';
     
    498507                                                params['menu-item[' + listItemDBID + '][' + j + ']'] = listItemData[j];
    499508                                        }
    500509
    501                                         ancestor = getParentWrapper(inputs[i], 'inside');
    502510                                        inputs[i].checked = false;
    503511
    504512                                // we're submitting a search term
     
    508516                                        inputs[i].className &&
    509517                                        -1 != inputs[i].className.search(/quick-search\b[^-]/)
    510518                                ) {
    511                                         ancestor = getParentWrapper(inputs[i], 'inside');
    512519                                        params['action'] = 'menu-quick-search';
    513520                                        params['q'] = inputs[i].value;
    514521                                        params['response-format'] = 'markup';
     
    516523                                        processMethod = that.processQuickSearchQueryResponse;
    517524                                }
    518525                        }
    519 
    520                         if ( ancestor )
    521                                 ancestor.className = ancestor.className + ' processing',
    522 
    523526                        params['menu'] = thisForm.elements['menu'].value;
    524527                        params['menu-settings-column-nonce'] = thisForm.elements['menu-settings-column-nonce'].value;
    525528
    526529                        $.post( ajaxurl, params, function(menuMarkup) {
    527530                                processMethod.call(that, menuMarkup, params);   
    528                                 ancestor.className = ancestor.className.replace(/processing/g, '');
     531                                thisForm.className = thisForm.className.replace(/processing/g, '');
    529532                        });
    530533
    531534                        return false;
     
    639642                        if ( items[0] && req.object_type ) {
    640643                                resultList = document.getElementById(req.object_type + '-search-checklist');
    641644                                if ( resultList ) {
    642                                         resultList.innerHTML = '';
    643645                                        resultList.appendChild(items[0]);
    644646                                }
    645647                        } else if ( req.type ) {
     
    647649                                if ( matched && matched[2] ) {
    648650                                        resultList = document.getElementById(matched[2] + '-search-checklist');
    649651                                        if ( resultList ) {
    650                                                 resultList.innerHTML = '';
    651652                                                i = items.length;
    652653                                                if ( ! i ) {
    653654                                                        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, h2 .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

     
    22 * WordPress Administration Custom Navigation
    33 * Interface CSS
    44 *
    5  * @version 2.0.0
     5 * @version 3.0.0
    66 *
    77 * @package WordPress
    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: 20px;
     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/*              background: url("../images/gray-grad.png") repeat-x scroll left top #DFDFDF;*/
     99                border-color:#ccc;
     100                border-bottom-color: #ececec;
    69101        }
     102       
     103        #menu-management #major-publishing-actions #delete-action {
     104                float: right;
     105                margin-right: 10px;
     106        }
     107       
     108        #menu-name-label {
     109                margin-top: -2px;
     110        }
     111       
     112        #wpbody .open-label {
     113                display: inline-block;
     114        }
     115        #wpbody .open-label span {
     116                padding-right: 10px;
     117        }
     118       
     119        .js .label-with-default-title {
     120                color: #aaa;
     121                font-style: italic;
     122        }
    70123
    71124#menu-management .inside { padding: 0 10px; }
    72125
     126/* Add Menu Item Boxes */
     127.tabs-panel .howto input {
     128        width: 180px;
     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;
     
    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;
    157213        padding-left: 10px;
    158         background-color: #f1f1f1;
    159         height: 35px;
     214/*      background-color: #f1f1f1; */
     215        height: 35px;
     216        width: 400px;
    160217        line-height: 35px;
     218        text-shadow: 0 1px 0 #FFFFFF;
     219        font-weight:bold;
    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}
     
    177251        margin-right:18em;
    178252}
    179253
     254.menu li .sortable-placeholder {
     255        width: 430px;
     256}
    180257.menu li div.sortable-placeholder {
    181258        background: #f5f5f5;
    182259        border: 1px dashed #bbb;
    183         margin: 10px 0px;
     260        margin: 10px 0;
    184261        padding-top:40px;
    185262}
    186263
     
    189266        padding-bottom:40px;
    190267}
    191268
    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; }
     269.menu li ul li { margin-left: 20px; }
    196270
    197271/* Drag and Drop */
    198272.dropzone { height: 7px; margin: 3px 0 3px 0; }
    199 .ui-draggable-dragging  { width: 600px; }
    200273
    201274/* Menu item controls */
    202275.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; }
     276.item-controls { font-size: 11px; position: absolute; right: 20px; top: -1px; }
    204277.item-controls a { text-decoration: none; }
    205278.item-controls a:hover { cursor: pointer; }
     279.item-controls .item-order { padding-right: 10px;}
    206280.item-controls .item-order a {
    207281        font-weight:bold;
    208282}
     
    213287
    214288.item-controls .menu-item-delete:hover { color: #ff0000; }
    215289
     290.item-edit {
     291        background: url("../images/menu-bits.gif") no-repeat scroll 0 -105px;
     292        position: absolute;
     293        right: -20px;
     294        top: 0;
     295        display: block;
     296        width: 23px;
     297        height: 36px;
     298        overflow: hidden;
     299        text-indent:-999em;
     300}
     301
    216302/* Menu editing */
    217 .menu-item-edit-active {
     303.menu-item-settings {
     304        background: #F9F9F9;
     305        width: 400px;
     306        padding: 10px 0 10px 10px;
     307        border: solid #E6E6E6;
     308        border-width: 0 1px 1px 1px;
     309        -moz-border-radius: 0 0 6px 6px;
     310        -webkit-border-bottom-right-radius: 6px;
     311        -webkit-border-bottom-left-radius: 6px;
     312        -khtml-border-bottom-right-radius: 6px;
     313        -khtml-border-bottom-left-radius: 6px;
     314}
     315.menu-item-settings.menu-item-edit-active {
    218316        display:block;
    219317}
    220318
    221 .menu-item-edit-inactive {
     319.menu-item-settings.menu-item-edit-inactive {
    222320        display:none;
    223321}
    224322
     
    227325        text-align:center;
    228326}
    229327
     328.hidden-field {
     329        display: none;
     330}
     331
     332.description-thin, .description-wide {
     333        padding-right: 10px;
     334        float: left;
     335}
     336.description-thin {
     337        width: 190px;
     338        height: 40px;
     339}
     340.description-wide {
     341        width: 390px;
     342}
     343
     344.menu-item-actions {
     345        padding-top: 15px;
     346        line-height: 25px;
     347}
     348.save-menu-item {
     349        padding-left: 10px;
     350        float: right;
     351}
     352
    230353#cancel-save { cursor: pointer; }
    231354#cancel-save:hover { color: #fff !important; }
    232355#update-menu-item { color: #fff !important; }
     
    234357#update-menu-item:active,
    235358#update-menu-item:focus { color: #eaf2fa !important; border-color: #13455b !important; }
    236359
     360/* Major/minor publishing actions (classes) */
     361.major-publishing-actions {
     362        padding: 5px 10px;
     363        border-bottom: 1px solid #eee;
     364}
     365.major-publishing-actions .publishing-action {
     366        text-align: right;
     367        float: right;
     368        line-height: 23px;
     369}
     370.major-publishing-actions .delete-action {
     371        line-height: 25px;
     372        vertical-align: middle;
     373        text-align: left;
     374        float: right;
     375        padding-right: 15px;
     376}
     377.menu-name-label span {
     378        font-size: 11px;
     379        font-style: normal;
     380}
     381.submitbox .submitclose {
     382        color: #21759B;
     383        border-bottom: 1px solid #21759B;
     384        padding: 1px 2px;
     385        text-decoration: none;
     386}
     387.submitbox .submitclose:hover {
     388        background: #21759B;
     389        color: #fff;
     390}
     391
     392
    237393/* Clearfix */
    238394.button-controls:after, #menu-item-url-wrap:after, #menu-item-name-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
    239395.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">