WordPress.org

Make WordPress Core

Changeset 9154


Ignore:
Timestamp:
10/14/08 05:10:16 (7 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.