💦 FULL SET: Changeset/ - Full Archive

Get WordPress

Make WordPress Core

Changeset 23707


Ignore:
Timestamp:
03/15/2013 01:16:38 PM (13 years ago)
Author:
markjaquith
Message:

Turn the Nav Menu meta boxes into an accordion. Less sprawling and overwhelming.

  • Registration stays the same — they're meta boxes
  • Call do_accordion_sections() instead of do_meta_boxes() and they render as an accordion

props DrewAPicture, lessbloat, jkudish. fixes #23450. see #23449

Location:
trunk/wp-admin
Files:
5 edited

Legend:

Unmodified
Added
Removed

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

    r23681 r23707  
    60386038}
    60396039
     6040.wp-full-overlay-sidebar-content .accordion-section:first-child {
     6041    border-top: 1px solid #fff;
     6042}
     6043
    60406044/* Close Link */
    60416045.wp-full-overlay .close-full-overlay {
    … …  
    72037207}
    72047208
     7209#nav-menu-meta ul.outer-border {
     7210    -webkit-border-radius: 3px;
     7211    border-radius: 3px;
     7212}
     7213
     7214.accordion-section ul.category-tabs,
     7215.accordion-section ul.add-menu-item-tabs,
     7216.accordion-section ul.wp-tab-bar {
     7217    margin: 0;
     7218}
     7219
     7220.accordion-section .categorychecklist {
     7221    margin: 13px 0;
     7222}
     7223
     7224#nav-menu-meta .accordion-section-content {
     7225    padding: 18px 13px;
     7226}
     7227
     7228#nav-menu-meta .button-controls {
     7229    margin-bottom: 0;
     7230}
     7231
    72057232#nav-menus-frame {
    72067233    margin-left: 300px;
    … …  
    73327359
    73337360.nav-menus-php #post-body {
    7334     padding: 0 10px;
     7361    padding: 0 10px 10px;
    73357362    border-width: 1px 0;
    73367363    border-style: solid;
    … …  
    74027429
    74037430/* Add Menu Item Boxes */
    7404 .postbox .howto input {
     7431.postbox .howto input,
     7432.accordion-container .howto input {
    74057433    width: 180px;
    74067434    float: right;
    74077435}
    74087436
     7437.accordion-container .outer-border {
     7438    margin-top: 0;
     7439}
     7440
     7441.accordion-container .accordion-section:first-child {
     7442    -webkit-border-top-right-radius: 3px;
     7443    -webkit-border-top-left-radius: 3px;
     7444    border-top-right-radius: 3px;
     7445    border-top-left-radius: 3px;
     7446}
     7447
     7448.accordion-container .accordion-section:last-child {
     7449    -webkit-border-bottom-right-radius: 3px;
     7450    -webkit-border-bottom-left-radius: 3px;
     7451    border-bottom-right-radius: 3px;
     7452    border-bottom-left-radius: 3px;
     7453}
     7454
    74097455.customlinkdiv .howto input {
    7410     width: 200px;
     7456    width: 180px;
     7457}
     7458
     7459.customlinkdiv p {
     7460    margin-top: 0
    74117461}
    74127462
    … …  
    88198869}
    88208870
     8871.accordion-section:first-child {
     8872    border-top: 1px solid #dfdfdf;
     8873}
     8874
    88218875.accordion-section:last-child {
    88228876    box-shadow: 0 1px 0 0px #fff;
    … …  
    88268880    display: block;
    88278881    background: #fdfdfd;
     8882    border-left: 1px solid #dfdfdf;
     8883    border-right: 1px solid #dfdfdf;
    88288884}
    88298885
    … …  
    88428898    padding: 15px 20px;
    88438899    position: relative;
     8900    border-left: 1px solid #dfdfdf;
     8901    border-right: 1px solid #dfdfdf;
    88448902
    88458903    cursor: pointer;
    … …  
    89158973    background-image:      -o-linear-gradient(bottom, #6d6d6d, #808080);
    89168974    background-image: linear-gradient(to top, #6d6d6d, #808080);
     8975    border-left: 1px solid #808080;
     8976    border-right: 1px solid #808080;
    89178977}
    89188978

  • trunk/wp-admin/includes/nav-menu.php

    r23441 r23707  
    388388    // Register meta boxes
    389389    wp_nav_menu_post_type_meta_boxes();
    390     add_meta_box( 'add-custom-links', __( 'Add Links' ), 'wp_nav_menu_item_link_meta_box', 'nav-menus', 'side', 'default' );
     390    add_meta_box( 'add-custom-links', __( 'Links' ), 'wp_nav_menu_item_link_meta_box', 'nav-menus', 'side', 'default' );
    391391    wp_nav_menu_taxonomy_meta_boxes();
    392392
    393393    // Register advanced menu items (columns)