WordPress.org

Make WordPress Core

Ticket #21349: 21349.patch

File 21349.patch, 29.7 KB (added by azaozz, 21 months ago)
  • wp-admin/admin-header.php

     
    7676if ( get_user_setting('mfold') == 'f' ) 
    7777        $admin_body_class .= ' folded'; 
    7878 
     79if ( !get_user_setting('unfold') ) 
     80        $admin_body_class .= ' auto-fold'; 
     81 
    7982if ( is_admin_bar_showing() ) 
    8083        $admin_body_class .= ' admin-bar'; 
    8184 
  • wp-admin/css/colors-classic.dev.css

     
    454454 
    455455#adminmenu a:hover, 
    456456#adminmenu li.menu-top > a:focus, 
    457 #adminmenu ul.wp-submenu a:hover, 
     457#adminmenu .wp-submenu a:hover, 
    458458#the-comment-list .comment a:hover, 
    459459#rightnow a:hover, 
    460460#media-upload a.del-link:hover, 
     
    13051305} 
    13061306 
    13071307#adminmenu a.menu-top, 
    1308 .folded #adminmenu li.menu-top, 
    13091308#adminmenu .wp-submenu .wp-submenu-head { 
    13101309        border-top-color: #ffffff; 
    13111310        border-bottom-color: #cae6ff; 
    13121311} 
    13131312 
     1313#adminmenu .wp-submenu .wp-submenu-head { 
     1314        background-color: #E0F1FF; 
     1315} 
     1316 
    13141317#adminmenu li.wp-menu-open { 
    13151318        border-color: #d1e5ee; 
    13161319} 
     
    13891392        color: #333; 
    13901393} 
    13911394 
    1392 #adminmenu .wp-submenu ul { 
     1395#adminmenu .wp-submenu, 
     1396.folded #adminmenu .wp-has-current-submenu .wp-submenu { 
    13931397        background-color: #fff; 
    1394 } 
    1395  
    1396 #adminmenu .wp-submenu-wrap, 
    1397 #adminmenu .wp-submenu ul { 
    13981398        border-color: #d0dfe9; 
     1399        -moz-box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1400        -webkit-box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1401        box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
    13991402} 
    14001403 
    1401 #adminmenu .wp-submenu-wrap, 
    1402 .folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap { 
    1403         -moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1404         -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1405         box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1406 } 
    1407  
    1408 #adminmenu .wp-submenu .wp-submenu-head { 
    1409         border-right-color: #e8eff4; 
    1410         background-color: #EFF8FF; 
    1411 } 
    1412  
    1413 #adminmenu div.wp-submenu { 
    1414         background-color: transparent; 
    1415 } 
    1416  
    14171404/* collapse menu button */ 
    14181405#collapse-menu { 
    14191406        color: #A0C3D5; 
     1407        border-color: #fff; 
    14201408} 
    14211409 
    14221410#collapse-menu:hover { 
     
    14451433 
    14461434/* Auto-folding of the admin menu */ 
    14471435@media only screen and (max-width: 900px) { 
    1448         #adminmenu li.menu-top { 
     1436        .auto-fold #adminmenu li.menu-top { 
    14491437                border-top-color: #ffffff; 
    14501438                border-bottom-color: #cae6ff; 
    14511439        } 
    14521440 
    1453         #adminmenu li.wp-has-current-submenu, 
    1454         #adminmenu li.current.menu-top { 
     1441        .auto-fold #adminmenu li.wp-has-current-submenu, 
     1442        .auto-fold #adminmenu li.current.menu-top { 
    14551443                background-color: #5589AA; /* Fallback */ 
    14561444                background-image: -ms-linear-gradient(bottom, #5589AA, #619bbb); /* IE10 */ 
    14571445                background-image: -moz-linear-gradient(bottom, #5589AA, #619bbb); /* Firefox */ 
     
    14611449                background-image: linear-gradient(bottom, #5589AA, #619bbb); /* proposed W3C Markup */ 
    14621450        } 
    14631451 
    1464         #adminmenu li.menu-top li:hover a { 
     1452        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 
     1453                border-color: #D0DFE9; 
     1454                -moz-box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1455                -webkit-box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1456                box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1457        } 
     1458 
     1459        .auto-fold #adminmenu li.menu-top li:hover a { 
    14651460                background-image: none; 
    14661461        } 
    14671462 
    1468         #adminmenu li.wp-has-current-submenu, 
    1469         #adminmenu li.current.menu-top { 
     1463        .auto-fold #adminmenu li.wp-has-current-submenu, 
     1464        .auto-fold #adminmenu li.current.menu-top { 
    14701465                border-top-color: #5A8FAD; 
    14711466                border-bottom-color: #5589AA; 
    14721467        } 
    14731468 
    1474         #adminmenu .wp-has-current-submenu .wp-submenu-wrap { 
    1475                 -moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1476                 -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1477                 box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1478         } 
    1479  
    1480         #collapse-button div { 
     1469        .auto-fold #collapse-button div { 
    14811470                background-position: 0 -108px; 
    14821471        } 
    14831472} 
     
    24612450        border-left-color: #d1e5ee; 
    24622451} 
    24632452 
    2464 .rtl #adminmenu .wp-submenu-wrap, 
    2465 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap{ 
     2453.rtl #adminmenu .wp-submenu, 
     2454.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu { 
    24662455        -moz-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    24672456        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    24682457        box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    24692458} 
    24702459 
     2460.rtl #adminmenu .wp-has-current-submenu .wp-submenu { 
     2461        -moz-box-shadow: none; 
     2462        -webkit-box-shadow: none; 
     2463        box-shadow: none; 
     2464} 
     2465 
    24712466/* Collapse Menu Button */ 
    24722467.rtl #collapse-button div { 
    24732468        background-position: 0 -108px; 
     
    24792474 
    24802475/* Auto-folding of the admin menu for RTL */ 
    24812476@media only screen and (max-width: 900px) { 
    2482         .rtl #adminmenu .wp-has-current-submenu .wp-submenu-wrap{ 
     2477        .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 
    24832478                -moz-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    24842479                -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    24852480                box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    24862481        } 
    24872482 
    2488         .rtl #collapse-button div { 
     2483        .rtl.auto-fold #collapse-button div { 
    24892484                background-position: 0 -72px; 
    24902485        } 
    24912486} 
  • wp-admin/css/colors-fresh.dev.css

     
    445445 
    446446#adminmenu a:hover, 
    447447#adminmenu li.menu-top > a:focus, 
    448 #adminmenu ul.wp-submenu a:hover, 
     448#adminmenu .wp-submenu a:hover, 
    449449#the-comment-list .comment a:hover, 
    450450#rightnow a:hover, 
    451451#media-upload a.del-link:hover, 
     
    979979} 
    980980 
    981981#adminmenu a.menu-top, 
    982 .folded #adminmenu li.menu-top, 
    983982#adminmenu .wp-submenu .wp-submenu-head { 
    984983        border-top-color: #f9f9f9; 
    985984        border-bottom-color: #dfdfdf; 
     
    10631062        color: #333; 
    10641063} 
    10651064 
    1066 #adminmenu .wp-submenu ul { 
     1065#adminmenu .wp-submenu, 
     1066.folded #adminmenu .wp-has-current-submenu .wp-submenu { 
    10671067        background-color: #fff; 
    1068 } 
    1069  
    1070 #adminmenu .wp-submenu-wrap, 
    1071 #adminmenu .wp-submenu ul { 
    10721068        border-color: #dfdfdf; 
     1069        -moz-box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1070        -webkit-box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1071        box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
    10731072} 
    10741073 
    1075 #adminmenu .wp-submenu-wrap, 
    1076 .folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap { 
    1077         -moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1078         -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1079         box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1080 } 
    1081  
    10821074#adminmenu .wp-submenu .wp-submenu-head { 
    10831075        border-right-color: #dfdfdf; 
    1084         background-color: #ececec; 
     1076        background-color: #e4e4e4; 
    10851077} 
    10861078 
    1087 #adminmenu div.wp-submenu { 
    1088         background-color: transparent; 
    1089 } 
    1090  
    10911079/* collapse menu button */ 
    10921080#collapse-menu { 
    10931081        color: #aaa; 
     1082        border-top-color: #f9f9f9; 
    10941083} 
    10951084 
    10961085#collapse-menu:hover { 
     
    11221111 
    11231112/* Auto-folding of the admin menu */ 
    11241113@media only screen and (max-width: 900px) { 
    1125         #adminmenu li.menu-top { 
     1114        .auto-fold #adminmenu li.menu-top { 
    11261115                border-top-color: #f9f9f9; 
    11271116                border-bottom-color: #dfdfdf; 
    11281117        } 
    11291118 
    1130         #adminmenu li.wp-has-current-submenu, 
    1131         #adminmenu li.current.menu-top { 
     1119        .auto-fold #adminmenu li.wp-has-current-submenu, 
     1120        .auto-fold #adminmenu li.current.menu-top { 
    11321121                background-color: #777; /* Fallback */ 
    11331122                background-image: -ms-linear-gradient(bottom, #6d6d6d, #808080); /* IE10 */ 
    11341123                background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080); /* Firefox */ 
     
    11381127                background-image: linear-gradient(bottom, #6d6d6d, #808080); /* proposed W3C Markup */ 
    11391128        } 
    11401129 
    1141         #adminmenu li.menu-top li:hover a { 
     1130        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 
     1131                border-color: #dfdfdf; 
     1132                -moz-box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1133                -webkit-box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1134                box-shadow: 2px 2px 6px rgba( 0, 0, 0, 0.4 ); 
     1135        } 
     1136 
     1137        .auto-fold #adminmenu li.menu-top li:hover a { 
    11421138                background-image: none; 
    11431139        } 
    11441140 
    1145         #adminmenu li.wp-has-current-submenu, 
    1146         #adminmenu li.current.menu-top { 
     1141        .auto-fold #adminmenu li.wp-has-current-submenu, 
     1142        .auto-fold #adminmenu li.current.menu-top { 
    11471143                border-top-color: #808080; 
    11481144                border-bottom-color: #6d6d6d; 
    11491145        } 
    11501146 
    1151         #adminmenu .wp-has-current-submenu .wp-submenu-wrap { 
    1152                 -moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1153                 -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1154                 box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    1155         } 
    1156  
    1157         #collapse-button div { 
     1147        .auto-fold #collapse-button div { 
    11581148                background-position: 0 -108px; 
    11591149        } 
    11601150} 
     
    20482038        border-left-color: #dfdfdf; 
    20492039} 
    20502040 
    2051 .rtl #adminmenu .wp-submenu-wrap, 
    2052 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap{ 
     2041.rtl #adminmenu .wp-submenu, 
     2042.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu { 
    20532043        -moz-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    20542044        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    20552045        box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    20562046} 
    20572047 
     2048.rtl #adminmenu .wp-has-current-submenu .wp-submenu { 
     2049        -moz-box-shadow: none; 
     2050        -webkit-box-shadow: none; 
     2051        box-shadow: none; 
     2052} 
     2053 
    20582054/* Collapse Menu Button */ 
    20592055.rtl #collapse-button div { 
    20602056        background-position: 0 -108px; 
     
    20662062 
    20672063/* Auto-folding of the admin menu for RTL */ 
    20682064@media only screen and (max-width: 900px) { 
    2069         .rtl #adminmenu .wp-has-current-submenu .wp-submenu-wrap{ 
     2065        .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 
    20702066                -moz-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    20712067                -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    20722068                box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); 
    20732069        } 
    20742070 
    2075         .rtl #collapse-button div { 
     2071        .rtl.auto-fold #collapse-button div { 
    20762072                background-position: 0 -72px; 
    20772073        } 
    20782074} 
  • wp-admin/css/ie-rtl.dev.css

     
    2727        width: 99%; 
    2828} 
    2929 
    30 #adminmenu .wp-submenu .wp-submenu .wp-submenu-wrap, 
    31 #adminmenu .wp-menu-open .wp-submenu .wp-submenu-wrap { 
     30#adminmenu .wp-submenu .wp-submenu .wp-submenu, 
     31#adminmenu .wp-menu-open .wp-submenu .wp-submenu { 
    3232        border: 1px solid #dfdfdf; 
    3333} 
    3434 
  • wp-admin/css/ie.dev.css

     
    7878        display: none; 
    7979} 
    8080 
    81 #wpcontent #adminmenu .wp-submenu li.wp-submenu-head { 
    82         padding: 3px 4px 4px 10px; 
     81#adminmenu .wp-submenu li.wp-submenu-head { 
     82        padding: 6px 4px 7px 10px; 
    8383        zoom: 100%; 
    8484} 
    8585 
     
    8787        height: 30px; 
    8888} 
    8989 
    90 .js.folded #adminmenu .wp-submenu { 
    91         margin: -1px 0 0 0; 
    92 } 
    93  
    9490.js.folded #adminmenu li.menu-top { 
    9591        display: block; 
    9692        zoom: 100%; 
  • wp-admin/css/wp-admin-rtl.dev.css

     
    360360.folded #adminmenu .wp-submenu, 
    361361.folded #adminmenu .wp-has-current-submenu .wp-submenu { 
    362362        left: auto; 
    363         right: 26px; 
     363        right: 31px; 
    364364} 
    365365 
    366 #adminmenu .wp-submenu.sub-open, 
    367 #adminmenu li.focused.wp-not-current-submenu .wp-submenu, 
    368 .folded #adminmenu li.focused.wp-has-current-submenu .wp-submenu, 
    369 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, 
    370 .no-js #adminmenu .wp-has-submenu:hover .wp-submenu, 
    371 .no-js.folded #adminmenu .wp-has-current-submenu:hover .wp-submenu { 
    372         padding: 0 0 8px 8px; 
    373 } 
    374  
    375366#adminmenu div.wp-menu-image { 
    376367        float: right; 
    377368} 
     
    444435} 
    445436 
    446437#adminmenu .wp-menu-image img { 
    447         float: right; 
    448         padding: 5px 2px 0 0; 
     438        padding: 7px 7px 0 0; 
    449439} 
    450440 
    451441#adminmenu .wp-submenu .wp-submenu-head { 
    452442        padding: 6px 10px 5px 4px; 
     443        -webkit-border-top-right-radius: 0; 
     444        -webkit-border-top-left-radius: 3px; 
     445        border-top-right-radius: 0; 
     446        border-top-left-radius: 3px; 
    453447} 
    454448 
    455 #adminmenu li .wp-submenu-wrap { 
    456         border-width: 1px 0 1px 1px; 
    457         border-style: solid none solid solid; 
     449.folded #adminmenu li.wp-has-current-submenu .wp-submenu { 
     450        border-width: 1px; 
     451        border-style: solid; 
    458452        -webkit-border-bottom-right-radius: 0; 
    459453        -webkit-border-bottom-left-radius: 3px; 
    460454        -webkit-border-top-right-radius: 0; 
     
    465459        border-top-left-radius: 3px; 
    466460} 
    467461 
    468 .folded #adminmenu .wp-submenu ul { 
    469         border-width: 0 1px 0 0; 
    470 } 
    471  
    472462.folded #adminmenu .wp-submenu a { 
    473463        padding-left: 0; 
    474464        padding-right: 10px; 
    475465} 
    476466 
    477 .folded #adminmenu a.wp-has-submenu { 
    478         margin-left: 0; 
    479         margin-right: 40px; 
     467.folded #adminmenu li.menu-top:hover div.wp-menu-image { 
     468        width: 30px; 
    480469} 
    481470 
    482 #adminmenu .wp-menu-toggle { 
    483         clear: left; 
    484         float: left; 
    485         padding: 1px 0 0 2px; 
    486 } 
    487  
    488471#adminmenu .awaiting-mod, 
    489472#adminmenu span.update-plugins, 
    490473#sidemenu li a span.update-plugins { 
     
    499482 
    500483/* Auto-folding of the admin menu */ 
    501484@media only screen and (max-width: 900px) { 
    502         #adminmenu li .wp-submenu, 
    503         #adminmenu .wp-has-current-submenu .wp-submenu { 
     485        .auto-fold #adminmenu li .wp-submenu, 
     486        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 
    504487                left: auto; 
    505                 right: 26px; 
     488                right: 31px; 
    506489        } 
    507490 
    508         #adminmenu li.focused.wp-has-current-submenu .wp-submenu, 
    509         #adminmenu .wp-has-current-submenu .wp-submenu.sub-open { 
    510                 padding: 0 0 8px 8px; 
    511         } 
    512  
    513         .folded #adminmenu .wp-not-current-submenu li a { 
     491        .auto-fold #adminmenu .wp-not-current-submenu li a { 
    514492                padding-left: 0; 
    515493                padding-right: 12px; 
    516494        } 
    517495 
    518         #adminmenu li li, 
    519         #adminmenu li li a { 
     496        .auto-fold #adminmenu li li, 
     497        .auto-fold #adminmenu li li a { 
    520498                padding-left: inherit; 
    521499                padding-right: 0 
    522500        } 
    523501 
    524         .wp-menu-arrow { 
     502        .auto-fold .wp-menu-arrow { 
    525503                -moz-transform:    translate( -27px ); 
    526504                -webkit-transform: translate( -27px ); 
    527505                -o-transform:      translate( -27px ); 
     
    529507                transform:         translate( -27px ); 
    530508        } 
    531509 
    532         #adminmenu .wp-submenu ul { 
    533                 border-width: 0 1px 0 0; 
     510        .auto-fold #adminmenu li.menu-top:hover div.wp-menu-image { 
     511                width: 30px; 
    534512        } 
     513         
     514        .auto-fold #adminmenu li.wp-has-current-submenu .wp-submenu { 
     515                border-width: 1px; 
     516                border-style: solid; 
     517                -webkit-border-bottom-right-radius: 0; 
     518                -webkit-border-bottom-left-radius: 3px; 
     519                -webkit-border-top-right-radius: 0; 
     520                -webkit-border-top-left-radius: 3px; 
     521                border-bottom-right-radius: 0; 
     522                border-bottom-left-radius: 3px; 
     523                border-top-right-radius: 0; 
     524                border-top-left-radius: 3px; 
     525        } 
    535526 
    536         #adminmenu .wp-submenu a { 
     527        .auto-fold #adminmenu .wp-submenu a { 
    537528                padding-left: 0; 
    538529                padding-right: 10px; 
    539530        } 
    540531 
    541         #adminmenu a.wp-has-submenu { 
     532        body.auto-fold #wpcontent { 
    542533                margin-left: 0; 
    543                 margin-right: 40px; 
    544         } 
    545  
    546         body #wpcontent { 
    547                 margin-left: 0; 
    548534                margin-right: 52px; 
    549535        } 
    550536 
    551         body .wp-admin #footer { 
     537        body.auto-fold .wp-admin #footer { 
    552538                margin-left: 15px; 
    553539                margin-right: 52px; 
    554540        } 
  • wp-admin/css/wp-admin.dev.css

     
    7777#adminmenuwrap, 
    7878#adminmenu, 
    7979#adminmenu .wp-submenu, 
    80 #adminmenu .wp-submenu-wrap, 
    8180.folded #adminmenu .wp-has-current-submenu .wp-submenu { 
    8281        width: 145px; 
    8382} 
     
    13201319 
    13211320#adminmenu .wp-submenu { 
    13221321        list-style: none; 
    1323         padding: 0; 
     1322        padding: 4px 0; 
    13241323        margin: 0; 
    13251324        overflow: hidden; 
    13261325} 
     
    13321331        top: -1px; 
    13331332        left: 146px; 
    13341333        z-index: 999; 
    1335         overflow: hidden; 
     1334        overflow: visible; 
    13361335} 
    13371336 
    13381337.js #adminmenu .wp-submenu.sub-open, 
    13391338.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, 
    13401339.no-js #adminmenu .wp-has-submenu:hover .wp-submenu, 
    1341 #adminmenu .wp-has-current-submenu .wp-submenu, 
    1342 #adminmenu li.focused .wp-submenu { 
     1340#adminmenu .wp-has-current-submenu .wp-submenu { 
    13431341        display: block; 
    13441342} 
    13451343 
     
    13501348        left: auto; 
    13511349        right: auto; 
    13521350        bottom: auto; 
    1353         padding: 0; 
    1354 } 
    1355  
    1356 #adminmenu .wp-has-current-submenu .wp-submenu-wrap { 
     1351        border: 0 none; 
     1352         
    13571353        -moz-box-shadow: none; 
    13581354        -webkit-box-shadow: none; 
    13591355        box-shadow: none; 
     
    13611357 
    13621358.folded #adminmenu .wp-submenu, 
    13631359.folded #adminmenu .wp-has-current-submenu .wp-submenu { 
    1364         top: -5px; 
    1365         left: 26px; 
     1360        top: -1px; 
     1361        left: 32px; 
    13661362} 
    13671363 
    1368 #adminmenu .wp-submenu.sub-open, 
    1369 #adminmenu li.focused.wp-not-current-submenu .wp-submenu, 
    1370 .folded #adminmenu li.focused.wp-has-current-submenu .wp-submenu, 
    1371 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, 
    1372 .no-js #adminmenu .wp-has-submenu:hover .wp-submenu, 
    1373 .no-js.folded #adminmenu .wp-has-current-submenu:hover .wp-submenu { 
    1374         padding: 0 8px 8px 0; 
     1364.folded #adminmenu .wp-has-current-submenu .wp-submenu { 
     1365        border-width: 1px; 
     1366        border-style: solid; 
    13751367} 
    13761368 
    1377 .no-js #adminmenu .wp-has-current-submenu:hover .wp-submenu, 
    1378 #adminmenu .wp-has-current-submenu .wp-submenu { 
    1379         padding: 0; 
    1380 } 
    1381  
    13821369#adminmenu .wp-submenu a { 
    13831370        font-size: 12px; 
    13841371        line-height: 18px; 
     1372        margin: 0; 
     1373        padding-left: 12px; 
    13851374} 
    13861375 
     1376#adminmenu .sub-open > li > a { 
     1377        padding-left: 16px; 
     1378} 
     1379 
     1380.folded #adminmenu .sub-open > li > a { 
     1381        padding-left: 12px; 
     1382} 
     1383 
    13871384#adminmenu a.menu-top, 
    13881385#adminmenu .wp-submenu-head { 
    13891386        font-size: 13px; 
     1387        font-weight: bold; 
    13901388        line-height: 18px; 
     1389        padding: 0; 
    13911390} 
    13921391 
    1393 #adminmenu div.wp-submenu-head { 
     1392#adminmenu .wp-submenu-head, 
     1393.folded #adminmenu .wp-menu-name { 
    13941394        display: none; 
    13951395} 
    13961396 
    1397 .folded #adminmenu div.wp-submenu-head { 
     1397.folded #adminmenu .wp-submenu-head { 
    13981398        display: block; 
    13991399} 
    14001400 
    1401 .folded #adminmenu a.menu-top, 
    1402 body.no-js #adminmenu .wp-menu-toggle, 
    1403 .folded #adminmenu div.wp-menu-toggle { 
    1404         display: none; 
     1401#adminmenu div.wp-menu-name { 
     1402        padding: 5px; 
    14051403} 
    14061404 
    14071405#adminmenu div.wp-menu-image { 
    14081406        float: left; 
    14091407        width: 28px; 
    14101408        height: 28px; 
     1409        margin-top: -1px; 
    14111410} 
    14121411 
    14131412.folded #adminmenu div.wp-menu-image { 
    14141413        width: 30px; 
     1414        margin-top: 0; 
    14151415} 
    14161416 
     1417.folded #adminmenu li.menu-top:hover .wp-menu-image { 
     1418        width: 33px; 
     1419        position: absolute; 
     1420        z-index: 125; 
     1421} 
     1422 
    14171423#adminmenu li { 
    14181424        margin: 0; 
    14191425        padding: 0; 
     
    14271433} 
    14281434 
    14291435#adminmenu li.menu-top { 
    1430         min-height: 29px; 
     1436        min-height: 28px; 
    14311437        position: relative; 
    14321438} 
    14331439 
    1434 #adminmenu a.menu-top { 
    1435         font-weight: bold; 
    1436         line-height: 18px; 
    1437         min-width: 10em; 
    1438         padding: 5px 5px; 
    1439         border-width: 1px 0 1px; 
    1440         border-style: solid; 
     1440.folded #adminmenu a.menu-top { 
     1441        min-width: 0; 
     1442        height: 29px; 
    14411443} 
    14421444 
    1443 #adminmenu li.wp-menu-open { 
    1444         border-width: 0 0 1px; 
    1445         border-style: solid; 
    1446 } 
    1447  
    1448 #adminmenu .wp-submenu ul { 
    1449         padding: 4px 0; 
    1450 } 
    1451  
    1452 #adminmenu .wp-submenu a { 
    1453         margin: 0; 
    1454 } 
    1455  
    1456 #adminmenu li li { 
    1457         margin-left: 8px; 
    1458 } 
    1459  
    1460 #adminmenu .wp-submenu a, 
    1461 #adminmenu li li a, 
    1462 .folded #adminmenu .wp-not-current-submenu li a { 
    1463         padding-left: 12px; 
    1464 } 
    1465  
    1466 #adminmenu .wp-not-current-submenu li a { 
    1467         padding-left: 18px; 
    1468 } 
    1469  
    1470 .folded #adminmenu li li { 
    1471         margin-left: 0; 
    1472 } 
    1473  
    1474 .folded #adminmenu li li a { 
    1475         padding-left: 0; 
    1476 } 
    1477  
    14781445.wp-menu-arrow { 
    14791446        display: none; 
    1480         cursor: auto; 
    14811447        z-index: 25; 
    14821448        position: absolute; 
    14831449        right: 100%; 
     
    14931459} 
    14941460 
    14951461#adminmenu li.wp-has-current-submenu .wp-menu-arrow, 
    1496 #adminmenu li.menu-top:hover .wp-menu-arrow, 
    14971462#adminmenu li.current .wp-menu-arrow, 
    1498 #adminmenu li.focused .wp-menu-arrow, 
    1499 #adminmenu li.menu-top.wp-has-submenu:hover .wp-menu-arrow div { 
     1463#adminmenu li.wp-has-submenu:hover .wp-menu-arrow { 
    15001464        display: block; 
    15011465} 
    15021466 
    1503 #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow div { 
    1504         display: none; 
     1467#adminmenu li.current .wp-menu-arrow, 
     1468#adminmenu li.wp-menu-open .wp-menu-arrow { 
     1469        top: 0; 
    15051470} 
    15061471 
    1507 #adminmenu li.menu-top:hover .wp-menu-arrow, 
    1508 #adminmenu li.menu-top.focused .wp-menu-arrow { 
     1472#adminmenu li.menu-top:hover .wp-menu-arrow { 
    15091473        z-index: 1001; 
    15101474} 
    15111475 
     
    15361500        height: 28px; 
    15371501        border-width: 1px 0; 
    15381502        border-style: solid; 
     1503        top: 0; 
    15391504} 
    15401505 
    15411506.folded .wp-menu-arrow { 
     
    15541519} 
    15551520 
    15561521.wp-menu-arrow, 
    1557 .folded #adminmenu li.menu-top:hover .wp-menu-arrow { 
     1522.folded #adminmenu li.wp-not-current-submenu .wp-menu-arrow { 
    15581523        display: none; 
    15591524} 
    15601525 
    1561 .folded #adminmenu li.current:hover .wp-menu-arrow, 
    1562 .folded #adminmenu li.menu-top.wp-menu-open:hover .wp-menu-arrow { 
     1526.folded #adminmenu li.current .wp-menu-arrow, 
     1527.folded #adminmenu li.wp-menu-open .wp-menu-arrow { 
    15631528        display: block; 
    1564         z-index: 125; 
     1529        top: 1px; 
    15651530} 
    15661531 
    15671532#adminmenu .wp-submenu li { 
    15681533        padding: 0; 
    15691534        margin: 0; 
     1535        overflow: hidden; 
    15701536} 
    15711537 
    1572 .folded #adminmenu li.menu-top { 
     1538#adminmenu a.menu-top { 
    15731539        border-width: 1px 0; 
    15741540        border-style: solid none; 
    15751541} 
    15761542 
    15771543#adminmenu .wp-menu-image img { 
    1578         float: left; 
    1579         padding: 5px 0 0 2px; 
     1544        padding: 7px 0 0 6px; 
    15801545        opacity: 0.6; 
    15811546        filter: alpha(opacity=60); 
    15821547} 
     
    16051570 
    16061571#adminmenu .wp-submenu .wp-submenu-head { 
    16071572        padding: 6px 4px 5px 10px; 
    1608         cursor: default; 
     1573        margin: -4px -1px 4px; 
    16091574        border-width: 1px 0; 
    16101575        border-style: solid; 
     1576        -webkit-border-top-right-radius: 3px; 
     1577        border-top-right-radius: 3px; 
    16111578} 
    16121579 
    1613 #adminmenu li .wp-submenu-wrap { 
    1614         border-width: 1px 1px 1px 0; 
    1615         border-style: solid solid solid none; 
    1616         position: relative; 
     1580#adminmenu li .wp-submenu { 
     1581        border-width: 1px; 
     1582        border-style: solid; 
    16171583        -webkit-border-bottom-right-radius: 3px; 
    16181584        -webkit-border-top-right-radius: 3px; 
    16191585        border-bottom-right-radius: 3px; 
    16201586        border-top-right-radius: 3px; 
    16211587} 
    16221588 
    1623 #adminmenu li.wp-menu-open .wp-submenu-wrap { 
     1589#adminmenu li.current, 
     1590#adminmenu li.wp-menu-open { 
    16241591        border: 0 none; 
    16251592} 
    16261593 
    1627 .folded #adminmenu .wp-submenu .wp-submenu-wrap { 
    1628         margin-top: 3px; 
     1594#adminmenu li.wp-menu-open { 
     1595        border-width: 0 0 1px; 
     1596        border-style: solid; 
    16291597} 
    16301598 
    1631 .folded #adminmenu .wp-has-current-submenu { 
     1599.folded #adminmenu li.wp-menu-open { 
     1600        border: 0; 
     1601} 
     1602 
     1603.folded #adminmenu li.wp-has-current-submenu { 
    16321604        margin-bottom: 1px; 
    16331605} 
    16341606 
     
    16361608        margin-bottom: 0; 
    16371609} 
    16381610 
    1639 .folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap { 
    1640         margin-top: 4px; 
    1641 } 
    1642  
    16431611.folded #adminmenu .wp-submenu ul { 
    16441612        border-width: 0 0 0 1px; 
    16451613        border-style: solid; 
    16461614} 
    16471615 
    1648 .folded #adminmenu .wp-submenu a { 
    1649         padding-left: 10px; 
    1650 } 
    1651  
    1652 .folded #adminmenu a.wp-has-submenu { 
    1653         margin-left: 40px; 
    1654 } 
    1655  
    1656 #adminmenu .wp-menu-toggle { 
    1657         width: 18px; 
    1658         clear: right; 
    1659         float: right; 
    1660         margin: 1px 0 0; 
    1661         height: 27px; 
    1662         padding: 1px 2px 0 0; 
    1663         cursor: pointer; 
    1664 } 
    1665  
    16661616#adminmenu .wp-menu-image a { 
    16671617        height: 24px; 
    16681618} 
     
    16971647#collapse-menu { 
    16981648        font-size: 12px; 
    16991649        line-height: 34px; 
     1650        border-width: 1px 0 0; 
     1651        border-style: solid; 
    17001652} 
    17011653 
    17021654.folded #collapse-menu span { 
     
    17201672 
    17211673/* Auto-folding of the admin menu */ 
    17221674@media only screen and (max-width: 900px) { 
    1723         #wpcontent, 
    1724         #footer { 
     1675        .auto-fold #wpcontent, 
     1676        .auto-fold #footer { 
    17251677                margin-left: 52px; 
    17261678        } 
    17271679 
    1728         #adminmenuback, 
    1729         #adminmenuwrap, 
    1730         #adminmenu, 
    1731         #adminmenu li.menu-top { 
     1680        .auto-fold #adminmenuback, 
     1681        .auto-fold #adminmenuwrap, 
     1682        .auto-fold #adminmenu, 
     1683        .auto-fold #adminmenu li.menu-top { 
    17321684                width: 32px; 
    17331685        } 
    17341686 
    1735         #adminmenu .wp-has-current-submenu .wp-submenu { 
     1687        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 
    17361688                display: none; 
    17371689                position: absolute; 
    17381690                width: 145px; 
    17391691                z-index: 999; 
    1740                 overflow: hidden; 
    17411692        } 
    1742  
    1743         #adminmenu .wp-has-current-submenu .wp-submenu.sub-open { 
     1693         
     1694        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open { 
    17441695                display: block; 
     1696                top: -1px; 
    17451697        } 
    17461698 
    1747         #adminmenu li .wp-submenu, 
    1748         #adminmenu .wp-has-current-submenu .wp-submenu { 
    1749                 top: -5px; 
    1750                 left: 26px; 
     1699        .auto-fold #adminmenu li .wp-submenu, 
     1700        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 
     1701                left: 32px; 
    17511702        } 
    17521703 
    1753         #adminmenu li.focused.wp-has-current-submenu .wp-submenu, 
    1754         #adminmenu .wp-has-current-submenu .wp-submenu.sub-open { 
    1755                 padding: 0 8px 8px 0; 
     1704        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { 
     1705                border-width: 1px; 
     1706                border-style: solid; 
    17561707        } 
    17571708 
    1758         #adminmenu div.wp-submenu-head { 
     1709        .auto-fold #adminmenu .sub-open { 
     1710        padding-left: 0; 
     1711        } 
     1712 
     1713        .auto-fold #adminmenu li.wp-has-current-submenu { 
     1714                margin-bottom: 1px; 
     1715        } 
     1716 
     1717        .auto-fold #adminmenu li.wp-menu-open { 
     1718                border: 0; 
     1719        } 
     1720 
     1721        .auto-fold #adminmenu .wp-submenu-head { 
    17591722                display: block; 
    17601723        } 
    17611724 
    1762         #adminmenu a.menu-top, 
    1763         #adminmenu div.wp-menu-toggle { 
     1725        .auto-fold #adminmenu div.wp-menu-name { 
    17641726                display: none; 
    17651727        } 
    17661728 
    1767         #adminmenu div.wp-menu-image { 
     1729        .auto-fold #adminmenu div.wp-menu-image { 
    17681730                width: 30px; 
     1731                margin-top: 0; 
    17691732        } 
    17701733 
    1771         #adminmenu .wp-not-current-submenu li a { 
     1734        .auto-fold #adminmenu li.menu-top:hover div.wp-menu-image { 
     1735                width: 33px; 
     1736                position: absolute; 
     1737                z-index: 125; 
     1738        } 
     1739 
     1740        .auto-fold #adminmenu .wp-not-current-submenu li a { 
    17721741                padding-left: 12px; 
    17731742        } 
    17741743 
    1775         #adminmenu li li { 
     1744        .auto-fold #adminmenu a.menu-top { 
     1745                height: 29px; 
     1746                min-width: 0; 
     1747        } 
     1748 
     1749        .auto-fold #adminmenu li li { 
    17761750                margin-left: 0; 
    17771751        } 
    17781752 
    1779         #adminmenu li li a { 
     1753        .auto-fold #adminmenu li li a { 
    17801754                padding-left: 0; 
    17811755        } 
    17821756 
    1783         .wp-menu-arrow { 
     1757        .auto-fold .wp-menu-arrow { 
    17841758                -moz-transform:    translate( 33px ); 
    17851759                -webkit-transform: translate( 33px ); 
    17861760                -o-transform:      translate( 33px ); 
     
    17881762                transform:         translate( 33px ); 
    17891763        } 
    17901764 
    1791         #adminmenu li.menu-top:hover .wp-menu-arrow { 
     1765        .auto-fold #adminmenu li.menu-top:hover .wp-menu-arrow { 
    17921766                display: none; 
    17931767        } 
    17941768 
    1795         #adminmenu li.current:hover .wp-menu-arrow, 
    1796         #adminmenu li.menu-top.wp-menu-open:hover .wp-menu-arrow { 
     1769        .auto-fold #adminmenu li.current:hover .wp-menu-arrow, 
     1770        .auto-fold #adminmenu li.wp-menu-open:hover .wp-menu-arrow { 
    17971771                display: block; 
    17981772                z-index: 125; 
    17991773        } 
    18001774 
    1801         #adminmenu li.menu-top { 
    1802                 border-width: 1px 0; 
    1803                 border-style: solid none; 
    1804         } 
    1805  
    1806         #adminmenu .wp-submenu .wp-submenu-wrap { 
    1807                 margin-top: 3px; 
    1808         } 
    1809  
    1810         #adminmenu .wp-has-current-submenu { 
    1811                 margin-bottom: 1px; 
    1812         } 
    1813  
    1814         #adminmenu .wp-has-current-submenu.menu-top-last { 
     1775        .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last { 
    18151776                margin-bottom: 0; 
    18161777        } 
    18171778 
    1818         #adminmenu .wp-has-current-submenu .wp-submenu-wrap { 
    1819                 margin-top: 4px; 
    1820         } 
    1821  
    1822         #adminmenu .wp-submenu ul { 
     1779        .auto-fold #adminmenu .wp-submenu ul { 
    18231780                border-width: 0 0 0 1px; 
    18241781                border-style: solid; 
    18251782        } 
    18261783 
    1827         #adminmenu .wp-submenu a { 
     1784        .auto-fold #adminmenu .wp-submenu a { 
    18281785                padding-left: 10px; 
    18291786        } 
    18301787 
    1831         #adminmenu a.wp-has-submenu { 
    1832                 margin-left: 40px; 
    1833         } 
    1834  
    1835         #collapse-menu { 
     1788        .auto-fold #collapse-menu span { 
    18361789                display: none; 
    18371790        } 
    18381791} 
  • wp-admin/js/common.dev.js

     
    169169                        node.attr('tabindex', '0').attr('tabindex', tab); 
    170170        }; 
    171171 
    172         $('#collapse-menu', menu).click(function(){ 
     172        // when the menu is folded, make the fly-out submenu header clickable 
     173        $('.wp-submenu-head', menu).bind('click.wp-submenu-head', function(e){ 
     174                $(this).parent().siblings('a').get(0).click(); 
     175        }); 
     176 
     177        $('#collapse-menu', menu).bind('click.collapse-menu', function(e){ 
    173178                var body = $(document.body); 
    174179 
    175180                // reset any compensation for submenus near the bottom of the screen 
    176181                $('#adminmenu div.wp-submenu').css('margin-top', ''); 
    177182 
    178                 if ( body.hasClass('folded') ) { 
    179                         body.removeClass('folded'); 
    180                         setUserSetting('mfold', 'o'); 
     183                if ( $(window).width() < 900 ) { 
     184                        if ( body.hasClass('auto-fold') ) { 
     185                                body.removeClass('auto-fold'); 
     186                                setUserSetting('unfold', 1); 
     187                                body.removeClass('folded'); 
     188                                deleteUserSetting('mfold'); 
     189                        } else { 
     190                                body.addClass('auto-fold'); 
     191                                deleteUserSetting('unfold'); 
     192                        } 
    181193                } else { 
    182                         body.addClass('folded'); 
    183                         setUserSetting('mfold', 'f'); 
     194                        if ( body.hasClass('folded') ) { 
     195                                body.removeClass('folded'); 
     196                                deleteUserSetting('mfold'); 
     197                        } else { 
     198                                body.addClass('folded'); 
     199                                setUserSetting('mfold', 'f'); 
     200                        } 
    184201                } 
    185                 return false; 
    186202        }); 
    187203 
    188204        $('li.wp-has-submenu', menu).hoverIntent({ 
  • wp-admin/menu-header.php

     
    8787                                $menu_file = substr( $menu_file, 0, $pos ); 
    8888                        if ( ! empty( $menu_hook ) || ( ('index.php' != $submenu_items[0][2]) && file_exists( WP_PLUGIN_DIR . "/$menu_file" ) ) ) { 
    8989                                $admin_is_parent = true; 
    90                                 echo "<div class='wp-menu-image'><a href='admin.php?page={$submenu_items[0][2]}' tabindex='-1' aria-label='$aria_label'>$img</a></div>$arrow<a href='admin.php?page={$submenu_items[0][2]}'$class $aria_attributes>$title</a>"; 
     90                                echo "<a href='admin.php?page={$submenu_items[0][2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>$title</div></a>"; 
    9191                        } else { 
    92                                 echo "\n\t<div class='wp-menu-image'><a href='{$submenu_items[0][2]}' tabindex='-1' aria-label='$aria_label'>$img</a></div>$arrow<a href='{$submenu_items[0][2]}'$class $aria_attributes>$title</a>"; 
     92                                echo "\n\t<a href='{$submenu_items[0][2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>$title</div></a>"; 
    9393                        } 
    9494                } elseif ( ! empty( $item[2] ) && current_user_can( $item[1] ) ) { 
    9595                        $menu_hook = get_plugin_page_hook( $item[2], 'admin.php' ); 
     
    9898                                $menu_file = substr( $menu_file, 0, $pos ); 
    9999                        if ( ! empty( $menu_hook ) || ( ('index.php' != $item[2]) && file_exists( WP_PLUGIN_DIR . "/$menu_file" ) ) ) { 
    100100                                $admin_is_parent = true; 
    101                                 echo "\n\t<div class='wp-menu-image'><a href='admin.php?page={$item[2]}' tabindex='-1' aria-label='$aria_label'>$img</a></div>$arrow<a href='admin.php?page={$item[2]}'$class $aria_attributes>{$item[0]}</a>"; 
     101                                echo "\n\t<a href='admin.php?page={$item[2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>{$item[0]}</div></a>"; 
    102102                        } else { 
    103                                 echo "\n\t<div class='wp-menu-image'><a href='{$item[2]}' tabindex='-1' aria-label='$aria_label'>$img</a></div>$arrow<a href='{$item[2]}'$class $aria_attributes>{$item[0]}</a>"; 
     103                                echo "\n\t<a href='{$item[2]}'$class $aria_attributes>$arrow<div class='wp-menu-image'>$img</div><div class='wp-menu-name'>{$item[0]}</div></a>"; 
    104104                        } 
    105105                } 
    106106 
    107107                if ( ! empty( $submenu_items ) ) { 
    108                         echo "\n\t<div class='wp-submenu'><div class='wp-submenu-wrap'>"; 
    109                         echo "<div class='wp-submenu-head'>{$item[0]}</div><ul>"; 
     108                        echo "\n\t<ul class='wp-submenu wp-submenu-wrap'>"; 
     109                        echo "<li class='wp-submenu-head'>{$item[0]}</li>"; 
     110                         
     111                         
    110112                        $first = true; 
    111113                        foreach ( $submenu_items as $sub_key => $sub_item ) { 
    112114                                if ( ! current_user_can( $sub_item[1] ) ) 
     
    160162                                        echo "<li$class><a href='{$sub_item[2]}'$class>$title</a></li>"; 
    161163                                } 
    162164                        } 
    163                         echo "</ul></div></div>"; 
     165                        echo "</ul>"; 
    164166                } 
    165167                echo "</li>"; 
    166168        }