WordPress.org

Make WordPress Core

Ticket #21349: 21349.patch

File 21349.patch, 29.7 KB (added by azaozz, 6 years 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        }