WordPress.org

Make WordPress Core

Changeset 9154


Ignore:
Timestamp:
10/14/2008 05:10:16 AM (10 years ago)
Author:
azaozz
Message:

Side folding for the menu, first run, still needs colours, styling and perhaps different icons.

Location:
trunk
Files:
14 added
10 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/admin-header.php

    r9152 r9154  
    7171<body class="wp-admin <?php echo apply_filters( 'admin_body_class', '' ); ?>">
    7272<div id="wpwrap">
    73 <div id="sidemenu-bg"><br /></div>
    7473<div id="wpcontent">
    7574<div id="wphead">
  • trunk/wp-admin/css/colors-classic.css

    r9103 r9154  
    66}
    77
    8 #wpbody-content {
     8#wphead {
    99    border-color: #c6d9e9;
    1010}
     
    370370}
    371371
     372#adminmenu li {
     373    color: #14568A;
     374}
     375
    372376#adminmenu li.current {
    373377    background-color: #fff;
  • trunk/wp-admin/css/colors-fresh.css

    r9103 r9154  
    66}
    77
    8 #wpbody-content {
     8#wphead {
    99    border-color: #c6d9e9;
    1010}
     
    783783}
    784784
    785 #adminmenu,
     785#adminmenu li,
    786786#att-info {
    787787    background-color: #E4F2FD;
  • trunk/wp-admin/css/global.css

    r9073 r9154  
    88
    99div#wpbody-content {
    10     margin-left: 137px;
    11     border-top-width: 1px;
    12     border-top-style: solid;
     10    margin-left: 140px;
    1311    padding-top: 10px;
    1412}
     
    2725    float: left;
    2826    clear: left;
    29     width: 125px; /* + 10 padding */
     27    margin: 10px 8px;
     28    width: 135px; /* + 10 padding */
    3029    position: relative;
    3130}
  • trunk/wp-admin/css/ie.css

    r9103 r9154  
    55}
    66
    7 #submenu li a.current {
    8     background:none;
    9     border:none;
     7input.button, input.button-secondary, input.button-highlighted {
     8    padding: 0;
    109}
    11 
     10/*
    1211* html body.minwidth {
    1312    _width: expression(document.documentElement.clientWidth < 810 ? "808px" : "99.9%");
     
    1716    _width: expression(document.documentElement.clientWidth > 982 ? "980px" : "99.9%");
    1817}
     18*/
     19
     20#adminmenu li.wp-has-submenu {
     21    margin-top: 2px;
     22}
     23
     24#adminmenu.folded li.wp-has-submenu {
     25    height: 24px;
     26}
     27
     28* html #wpcontent #adminmenu ul.wp-submenu li {
     29    margin: 0;
     30    padding: 0;
     31}
     32
     33* html #wpcontent #adminmenu ul.wp-submenu a {
     34    padding: 2px 4px 2px 8px;
     35    margin: 0;
     36    line-height: 20px;
     37}
     38
     39* html #wpcontent #adminmenu ul.wp-submenu li a.current,
     40* html #wpcontent #adminmenu ul.wp-submenu li.current {
     41    border: 0;
     42    background-color: #fff;
     43}
     44
     45ul#adminmenu li.wp-menu-separator {
     46    background-color: #fff;
     47    height: 5px;
     48    width: 1px;
     49    line-height: 5px;
     50    font-size: 5px;
     51    padding: 0;
     52    margin: 0;
     53}
     54
     55
    1956
    2057* html #poststuff .postarea, * html #poststuff #titlediv {
  • trunk/wp-admin/js/common.js

    r9049 r9154  
    1111        jQuery('form.validate').submit( function() { return wpAjax.validateForm( jQuery(this) ); } );
    1212    }
    13 
    14     jQuery('a.no-crazy').click( function() {
    15         alert( "This feature isn't enabled in this prototype." );
    16         return false;
    17     } );
    1813});
    1914/*
     
    4944}(jQuery));
    5045*/
    51 jQuery( function($) {
    52     var menuToggle = function(ul, effect) {
    53         if ( !effect ) {
    54             effect = 'slideToggle';
    55         }
    56         ul[effect]().parent().toggleClass( 'wp-menu-open' );
    57 
    58         $('#adminmenu li.wp-has-submenu').each(function(i, e) {
    59             var v = $(e).hasClass('wp-menu-open') ? 'o' : 'c';
    60 
    61             setUserSetting( 'm'+i, v );
    62         });
    63 
    64         return false;
    65     };
    66 
    67     $('#adminmenu li.wp-has-submenu').each(function(i, e) {
    68         var v = getUserSetting( 'm'+i );
    69 
    70         if ( $(e).hasClass('wp-has-current-submenu') ) return true; // leave the current parent open
    71 
    72         if ( 'o' == v ) $(e).addClass('wp-menu-open');
    73         else if ( 'c' == v ) $(e).removeClass('wp-menu-open'); 
    74     });
    75 
    76     $('#adminmenu li.wp-has-submenu > a').click( function() { return menuToggle( $(this).siblings('ul') ); } );
    77 
    78     $('#dashmenu li.wp-has-submenu').bind( 'mouseenter mouseleave', function() { return menuToggle( $(this).children('ul'), 'toggle' ); } );
    79 
    80     $('#favorite-actions').bind( 'mouseenter', function(){$('#favorite-action').removeClass('slideUp').addClass('slideDown'); setTimeout(function(){if ( $('#favorite-action').hasClass('slideDown') ) { $('#favorite-action').slideDown('fast') }}, 300) } );
    81     $('#favorite-actions').bind( 'mouseleave', function(){$('#favorite-action').removeClass('slideDown').addClass('slideUp'); setTimeout(function(){if ( $('#favorite-action').hasClass('slideUp') ) { $('#favorite-action').slideUp('fast') }}, 500) } );
    82 
    83 } );
    8446
    8547//jQuery(function(){jQuery('#media-buttons a').tTips();});
  • trunk/wp-admin/menu-header.php

    r9119 r9154  
    3535
    3636    $first = true;
    37     // 0 = name, 1 = capability, 2 = file, 3 = class
     37    // 0 = name, 1 = capability, 2 = file, 3 = class, 4 = id, 5 = image src
    3838    foreach ( $menu as $key => $item ) {
    3939        $class = array();
     
    5252        }
    5353
    54         if ( isset($item[3]) )
     54        if ( isset($item[3]) && ! empty($item[3]) )
    5555            $class[] = $item[3];
    5656
    5757        $class = $class ? ' class="' . join( ' ', $class ) . '"' : '';
     58        $id = isset($item[4]) && ! empty($item[4]) ? ' id="' . $item[4] . '"' : '';
     59        $img = isset($item[5]) && ! empty($item[5]) ? '<img class="wp-menu-image" src="' . $item[5] . '" alt="" />' : '';
    5860
    59         echo "\n\t<li$class>";
     61        echo "\n\t<li$class$id>";
    6062
    61         if ( $submenu_as_parent && !empty($submenu[$item[2]]) ) {
     63        if ( false !== strpos($class, 'wp-menu-separator') ) {
     64            echo '<br />';
     65        } elseif ( $submenu_as_parent && !empty($submenu[$item[2]]) ) {
    6266            $submenu[$item[2]] = array_values($submenu[$item[2]]);  // Re-index.
    6367            $menu_hook = get_plugin_page_hook($submenu[$item[2]][0][2], $item[2]);
    6468            if ( file_exists(WP_PLUGIN_DIR . "/{$submenu[$item[2]][0][2]}") || !empty($menu_hook))
    65                 echo "<a href='admin.php?page={$submenu[$item[2]][0][2]}'$class>{$item[0]}</a>";
     69                echo "$img<a href='admin.php?page={$submenu[$item[2]][0][2]}'$class>{$item[0]}</a>";
    6670            else
    67                 echo "\n\t<a href='{$submenu[$item[2]][0][2]}'$class>{$item[0]}</a>";
     71                echo "\n\t$img<a href='{$submenu[$item[2]][0][2]}'$class>{$item[0]}</a>";
    6872        } else if ( current_user_can($item[1]) ) {
    6973            $menu_hook = get_plugin_page_hook($item[2], 'admin.php');
    70             if ( file_exists(WP_PLUGIN_DIR . "/{$item[2]}") || !empty($menu_hook) )
    71                 echo "\n\t<a href='admin.php?page={$item[2]}'$class>{$item[0]}</a>";
    72             else
    73                 echo "\n\t<a href='{$item[2]}'$class>{$item[0]}</a>";
     74            if ( file_exists(WP_PLUGIN_DIR . "/{$item[2]}") || !empty($menu_hook) ) {
     75                echo "\n\t$img<a href='admin.php?page={$item[2]}'$class>{$item[0]}</a>";
     76            } else {
     77                echo "\n\t$img<a href='{$item[2]}'$class>{$item[0]}</a>";
     78            }
    7479        }
    7580
     
    99104                if ( file_exists(WP_PLUGIN_DIR . "/{$sub_item[2]}") || ! empty($menu_hook) ) {
    100105                    if ( 'admin.php' == $pagenow || !file_exists(WP_PLUGIN_DIR . "/$parent_file") )
    101                         echo "\n\t\t<li$class><a href='admin.php?page={$sub_item[2]}'$class>{$sub_item[0]}</a></li>";
     106                        echo "<li$class><a href='admin.php?page={$sub_item[2]}'$class>{$sub_item[0]}</a></li>";
    102107                    else
    103                         echo "\n\t\t<li$class><a href='{$item[2]}?page={$sub_item[2]}'$class>{$sub_item[0]}</a></li>";
     108                        echo "<li$class><a href='{$item[2]}?page={$sub_item[2]}'$class>{$sub_item[0]}</a></li>";
    104109                } else {
    105                     echo "\n\t\t<li$class><a href='{$sub_item[2]}'$class>{$sub_item[0]}</a></li>";
     110                    echo "<li$class><a href='{$sub_item[2]}'$class>{$sub_item[0]}</a></li>";
    106111                }
    107112            }
    108             echo "\n\t</ul>";
     113            echo "</ul>";
    109114        }
    110115        echo "</li>";
  • trunk/wp-admin/menu.php

    r9152 r9154  
    1414 *     1: Minimum level or capability required.
    1515 *     2: The URL of the item's file
     16 *     3: Class
     17 *     4: ID 
    1618 *
    1719 * @global array $menu
     
    2325$awaiting_mod = $awaiting_mod->moderated;
    2426
    25 $menu[0] = array( __('Dashboard'), 'read', 'index.php', 'wp-menu-open' );
     27$menu[0] = array( __('Dashboard'), 'read', 'index.php', 'wp-menu-open', 'menu-dashboard', 'images/menu/home.png' );
    2628    $submenu['index.php'][5]  = array( __('Overview'), 'read' , 'index.php' );
    2729
    28 $menu[5] = array( __('Posts'), 'edit_posts', 'post-new.php', 'wp-menu-open' );
     30$menu[4] = array( '', 'read', '', 'wp-menu-separator' );
     31
     32$menu[5] = array( __('Posts'), 'edit_posts', 'post-new.php', 'wp-menu-open', 'menu-posts', 'images/menu/posts.png' );
    2933    $submenu['post-new.php'][5]  = array( __('Add New'), 'edit_posts', 'post-new.php' );
    3034    //$submenu['post-new.php'][10]  = array( __('Drafts'), 'edit_posts', 'edit-post-drafts.php' );
     
    3337    $submenu['post-new.php'][25] = array( __('Categories'), 'manage_categories', 'categories.php' );
    3438
    35 $menu[10] = array( __('Media'), 'upload_files', 'media-new.php' );
     39$menu[10] = array( __('Media'), 'upload_files', 'media-new.php', '', 'menu-media', 'images/menu/media.png' );
    3640    $submenu['media-new.php'][5] = array( __('Add New'), 'upload_files', 'media-new.php');
    3741    $submenu['media-new.php'][10] = array( __('Edit'), 'upload_files', 'upload.php');
    3842
    39 $menu[15] = array( __('Links'), 'manage_links', 'link-add.php' );
     43$menu[15] = array( __('Links'), 'manage_links', 'link-add.php', '', 'menu-links', 'images/menu/links.png' );
    4044    $submenu['link-add.php'][5] = array( __('Add New'), 'manage_links', 'link-add.php' );
    4145    $submenu['link-add.php'][10] = array( __('Edit'), 'manage_links', 'link-manager.php' );
    4246    $submenu['link-add.php'][15] = array( __('Link Categories'), 'manage_categories', 'edit-link-categories.php' );
    4347
    44 $menu[20] = array( __('Pages'), 'edit_pages', 'page-new.php' );
     48$menu[20] = array( __('Pages'), 'edit_pages', 'page-new.php', '', 'menu-pages', 'images/menu/pages.png' );
    4549    $submenu['page-new.php'][5] = array( __('Add New'), 'edit_pages', 'page-new.php' );
    4650    //$submenu['page-new.php'][10] = array( __('Drafts'), 'edit_pages', 'edit-page-drafts.php' );
    4751    $submenu['page-new.php'][15] = array( __('Edit'), 'edit_pages', 'edit-pages.php' );
    4852
    49 $menu[25] = array( __('Comments'), 'edit_posts', 'edit-comments.php' );
     53$menu[25] = array( __('Comments'), 'edit_posts', 'edit-comments.php', '', 'menu-comments', 'images/menu/comments.png' );
    5054    $submenu['edit-comments.php'][15] = array( __('Moderate'), 'edit_posts', 'edit-comments.php' );
    5155
    52 $menu[30] = array( __('Appearance'), 'switch_themes', 'themes.php' );
     56$menu[29] = array( '', 'read', '', 'wp-menu-separator' );
     57
     58$menu[30] = array( __('Appearance'), 'switch_themes', 'themes.php', '', 'menu-appearance', 'images/menu/appearance.png' );
    5359    $submenu['themes.php'][5]  = array(__('Themes'), 'switch_themes', 'themes.php');
    5460    $submenu['themes.php'][10] = array(__('Editor'), 'edit_themes', 'theme-editor.php');
    5561
    56 $menu[35] = array( __('Plugins'), 'activate_plugins', 'plugins.php' );
     62$menu[35] = array( __('Plugins'), 'activate_plugins', 'plugins.php', '', 'menu-plugins', 'images/menu/plugins.png' );
    5763    $submenu['plugins.php'][15] = array(__('Add New'), 'install_plugins', 'plugin-install.php');   
    5864    $submenu['plugins.php'][5]  = array( __('Installed'), 'activate_plugins', 'plugins.php' );
     
    6066
    6167if ( current_user_can('edit_users') )
    62     $menu[40] = array(__('Users'), 'edit_users', 'users.php');
     68    $menu[40] = array( __('Users'), 'edit_users', 'users.php', '', 'menu-users', 'images/menu/users.png' );
    6369else
    64     $menu[40] = array(__('Profile'), 'read', 'profile.php');
     70    $menu[40] = array( __('Profile'), 'read', 'profile.php', '', 'menu-users', 'images/menu/users.png' );
    6571
    6672if ( current_user_can('edit_users') ) {
     
    7379}
    7480
    75 $menu[45] = array(__('Tools'), 'manage_options', 'import.php');
     81$menu[45] = array( __('Tools'), 'manage_options', 'import.php', '', 'menu-tools', 'images/menu/tools.png' );
    7682    $submenu['import.php'][5] = array( __('Import'), 'import', 'import.php' );
    7783    $submenu['import.php'][10] = array( __('Export'), 'import', 'export.php' );
     
    8086        $submenu['import.php'][20] = array( __('Turbo'), 'read', 'turbo.php' );
    8187
    82 $menu[50] = array(__('Settings'), 'manage_options', 'options-general.php');
     88$menu[50] = array( __('Settings'), 'manage_options', 'options-general.php', '', 'menu-settings', 'images/menu/settings.png' );
    8389    $submenu['options-general.php'][10] = array(__('General'), 'manage_options', 'options-general.php');
    8490    $submenu['options-general.php'][15] = array(__('Writing'), 'manage_options', 'options-writing.php');
  • trunk/wp-admin/wp-admin.css

    r9109 r9154  
    620620#wphead {
    621621    height: 58px;
     622    border-bottom-width: 1px;
     623    border-bottom-style: solid;
    622624}
    623625
     
    635637
    636638#logo50 {
    637     margin: 8px;
     639    margin: 4px 8px 0;
    638640    position: absolute;
    639641}
     
    674676}
    675677
    676 #adminmenu li.wp-menu-open .wp-submenu {
    677     display: block;
    678 }
    679 
    680678#dashmenu {
    681679    margin: 0 0 0 12px;
     
    769767}
    770768
     769/* side admin menu */
    771770#adminmenu {
    772771    margin: 0;
    773     padding: 10px 0 0 10px;
     772    padding: 0;
    774773    list-style: none;
    775 }
    776 
     774    z-index: 1000;
     775}
     776
     777#adminmenu li.wp-menu-open .wp-submenu {
     778    display: block;
     779}
     780/*
     781#adminmenu a {
     782    outline: none;
     783}
     784
     785#adminmenu a:active,
     786#adminmenu a:selected {
     787    color: #D54E21;
     788}
     789*/
    777790#adminmenu li {
    778     margin-bottom: 10px;
    779 }
    780 
    781 #adminmenu li.current {
     791    margin: 0;
     792    padding: 0;
     793}
     794
     795#adminmenu li.wp-has-submenu {
     796    border: 1px solid #C6D9E9;
     797    width: 125px;
     798    min-height: 24px;
     799    margin-top: 4px;
     800}
     801
     802#adminmenu li .wp-submenu {
     803    margin: 0;
     804    position: relative;
     805    z-index: 1001;
     806}
     807
     808#adminmenu ul.wp-submenu li {
     809    padding: 0;
     810    margin: 0;
     811    border-top: 1px dotted #DDDDDD;
     812
     813
     814    background-color: #F3FCFB;
     815}
     816
     817#adminmenu .wp-menu-image {
     818    float: left;
     819    padding: 4px 6px 0 4px;
     820}
     821
     822#adminmenu ul.wp-submenu li.current {
     823    background-color: #fff;
     824}
     825
     826#adminmenu a {
     827    font-size: 13px !important;
     828    padding: 5px 4px 6px 0;
     829    line-height: 13px;
     830    display: block;
     831}
     832
     833#adminmenu .wp-submenu a {
     834    margin: 0 0 0 12px;
     835}
     836
     837#adminmenu .wp-menu-separator {
     838    background-color: transparent;
     839    height: 8px;
     840    padding: 0;
     841    margin: 0;
     842}
     843
     844#adminmenu.folded .wp-submenu {
     845    position: absolute;
     846    margin: -25px 0 0 30px;
     847    zIndex: 999;
     848    width: 125px;
    782849    border-width: 1px;
    783850    border-style: solid;
    784     position: relative;
    785     right: -1px;
    786     padding: 2px 0;
    787 }
    788 
    789 #adminmenu li .wp-submenu {
    790     margin-top: 4px;
    791 }
    792 
    793 #adminmenu li .wp-submenu li {
    794     padding: 3px 0 3px 1px;
    795     margin-bottom: 0;
    796 }
    797 
    798 #adminmenu li .wp-submenu li.current {
    799     padding: 2px 0;
    800 }
    801 
    802 #adminmenu li.wp-has-submenu > a {
    803     background-image: url(images/menu-closed.png);
    804     background-repeat: no-repeat;
    805     background-position: left center;
    806 }
    807 
    808 #adminmenu li.wp-menu-open > a {
    809     background-image: url(images/menu-open.png);
    810 }
    811 
    812 #adminmenu a {
    813     font-size: 13px;
    814     padding: 0 7px 0 36px;
    815     line-height: 1.1;
    816     display: block;
    817     text-indent: -18px;
    818 }
    819 
    820 #adminmenu li.current a {
    821     padding-left: 34px;
    822 }
    823 
     851   
     852
     853    border-color: #C6D9E9;
     854}
     855
     856#adminmenu.folded .wp-submenu li.wp-first-item {
     857    border-top: 0 none;
     858}
     859
     860#adminmenu.folded .wp-submenu a {
     861    margin: 0 0 0 10px;
     862}
     863
     864#adminmenu.folded a.wp-has-submenu {
     865    margin-left: 40px;
     866}
     867
     868#adminmenu.folded li.wp-has-submenu {
     869    width: 24px;
     870    overflow: hidden;
     871}
     872
     873#adminmenu #menu-toggle {
     874    width: 24px;
     875    cursor: pointer;
     876    text-align: center;
     877    border: 1px solid #C6D9E9;
     878    height: 12px;
     879    line-height: 10px;
     880}
     881/* end side admin menu */
     882
     883
     884/* 2.6 */
    824885#adminmenu li a #awaiting-mod, #sidemenu li a #update-plugins {
    825886    position: absolute;
     
    835896    display: none;
    836897}
     898
     899
     900
    837901
    838902.post-com-count-wrapper {
  • trunk/wp-includes/script-loader.php

    r9140 r9154  
    4545    $scripts->default_version = get_bloginfo( 'version' );
    4646
    47     $scripts->add( 'common', '/wp-admin/js/common.js', array('jquery', 'user-settings'), '20081001' );
     47    $scripts->add( 'common', '/wp-admin/js/common.js', array('jquery', 'user-settings', 'menu'), '20081013' );
    4848    $scripts->add( 'sack', '/wp-includes/js/tw-sack.js', false, '1.6.1' );
    4949
     
    284284
    285285        $scripts->add( 'dashboard', '/wp-admin/js/dashboard.js', array( 'jquery', 'admin-comments', 'postbox', 'settings-box' ), '20081008' );
     286
     287        $scripts->add( 'hoverIntent', '/wp-includes/js/hoverIntent.js', array('jquery'), '20070327' );
     288        $scripts->add( 'menu', '/wp-admin/js/menu.js', array( 'jquery', 'hoverIntent' ), '20081013' );
     289
    286290    }
    287291}
Note: See TracChangeset for help on using the changeset viewer.