WordPress.org

Make WordPress Core

Ticket #21349: 21349-3.patch

File 21349-3.patch, 37.4 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

     
    472472
    473473#adminmenu a:hover,
    474474#adminmenu li.menu-top > a:focus,
    475 #adminmenu ul.wp-submenu a:hover,
     475#adminmenu .wp-submenu a:hover,
    476476#the-comment-list .comment a:hover,
    477477#rightnow a:hover,
    478478#media-upload a.del-link:hover,
     
    12491249}
    12501250
    12511251#adminmenu a.menu-top,
    1252 .folded #adminmenu li.menu-top,
    12531252#adminmenu .wp-submenu .wp-submenu-head {
    12541253        border-top-color: #ffffff;
    12551254        border-bottom-color: #cae6ff;
     
    12591258        border-color: #d1e5ee;
    12601259}
    12611260
    1262 #adminmenu li.menu-top:hover > a,
    1263 #adminmenu li.menu-top.focused > a,
    1264 #adminmenu li.menu-top > a:focus {
     1261#adminmenu a.menu-top:hover,
     1262#adminmenu li.opensub > a.menu-top,
     1263#adminmenu li.opensub > a.menu-top,
     1264#adminmenu li > a.menu-top:focus {
    12651265        background-color: #e0f1ff;
     1266        color: #d54e21;
    12661267        text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
    12671268}
    12681269
     
    12871288        background-image:    -moz-linear-gradient(bottom right, #5589aa, #619bbb);
    12881289        background-image:      -o-linear-gradient(bottom right, #5589aa, #619bbb);
    12891290        background-image: linear-gradient(to top left, #5589aa, #619bbb);
    1290 
    12911291}
    12921292
    12931293#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
     
    13321332        color: #333;
    13331333}
    13341334
    1335 #adminmenu .wp-submenu ul {
     1335#adminmenu .wp-submenu,
     1336.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1337.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    13361338        background-color: #fff;
    1337 }
    1338 
    1339 #adminmenu .wp-submenu-wrap,
    1340 #adminmenu .wp-submenu ul {
    13411339        border-color: #d0dfe9;
     1340        -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1341        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    13421342}
    13431343
    13441344#adminmenu .wp-submenu-wrap,
     
    13481348}
    13491349
    13501350#adminmenu .wp-submenu .wp-submenu-head {
    1351         border-right-color: #e8eff4;
    1352         background-color: #EFF8FF;
     1351        border-right-color: #dfdfdf;
     1352        background-color: #e4e4e4;
    13531353}
    13541354
    1355 #adminmenu div.wp-submenu {
    1356         background-color: transparent;
    1357 }
    1358 
    13591355/* collapse menu button */
    13601356#collapse-menu {
    13611357        color: #A0C3D5;
     1358        border-top-color: #f9f9f9;
    13621359}
    13631360
    13641361#collapse-menu:hover {
     
    13671364
    13681365#collapse-button {
    13691366        border-color: #d0dfe9;
    1370         background: #eff8ff; /* Fallback */
     1367        background: #eff8ff;
    13711368        background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff));
    13721369        background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff);
    13731370        background-image:    -moz-linear-gradient(bottom, #eff8ff, #fff);
     
    13901387
    13911388/* Auto-folding of the admin menu */
    13921389@media only screen and (max-width: 900px) {
    1393         #adminmenu li.menu-top {
    1394                 border-top-color: #ffffff;
    1395                 border-bottom-color: #cae6ff;
     1390        .auto-fold #adminmenu li.wp-has-current-submenu,
     1391        .auto-fold #adminmenu li.current.menu-top {
     1392                background-color: #5589AA;
     1393                background-image: -webkit-gradient(linear, left bottom, left top, from(#5589AA), to(#619bbb));
     1394                background-image: -webkit-linear-gradient(bottom, #5589AA, #619bbb);
     1395                background-image: -moz-linear-gradient(bottom, #5589AA, #619bbb);
     1396                background-image: -o-linear-gradient(bottom, #5589AA, #619bbb);
     1397                background-image: linear-gradient(bottom, #5589AA, #619bbb);
    13961398        }
    13971399
    1398         #adminmenu li.wp-has-current-submenu,
    1399         #adminmenu li.current.menu-top {
    1400                 background: #5589aa;
    1401                 background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb));
    1402                 background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb);
    1403                 background-image:    -moz-linear-gradient(bottom, #5589aa, #619bbb);
    1404                 background-image:      -o-linear-gradient(bottom, #5589aa, #619bbb);
    1405                 background-image: linear-gradient(to top, #5589aa, #619bbb);
    1406         }
    1407 
    1408         #adminmenu li.menu-top li:hover a {
    1409                 background-image: none;
    1410         }
    1411 
    1412         #adminmenu li.wp-has-current-submenu,
    1413         #adminmenu li.current.menu-top {
     1400        .auto-fold #adminmenu li.wp-has-current-submenu,
     1401        .auto-fold #adminmenu li.current.menu-top {
    14141402                border-top-color: #5A8FAD;
    14151403                border-bottom-color: #5589AA;
    14161404        }
    14171405
    1418         #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1419                 -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1420                 box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
     1406        .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1407        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     1408                background-color: #fff;
     1409                border-color: #D0DFE9;
     1410                -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1411                box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    14211412        }
    14221413
    1423         #collapse-button div {
     1414        .auto-fold #collapse-button div {
    14241415                background-position: 0 -108px;
    14251416        }
    14261417}
     
    23862377        border-left-color: #d1e5ee;
    23872378}
    23882379
    2389 .rtl #adminmenu .wp-submenu-wrap,
    2390 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap{
     2380.rtl #adminmenu .wp-submenu,
     2381.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    23912382        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    23922383        box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    23932384}
    23942385
     2386.rtl #adminmenu .wp-has-current-submenu .wp-submenu {
     2387        -webkit-box-shadow: none;
     2388        box-shadow: none;
     2389}
     2390
    23952391/* Collapse Menu Button */
    23962392.rtl #collapse-button div {
    23972393        background-position: 0 -108px;
     
    24032399
    24042400/* Auto-folding of the admin menu for RTL */
    24052401@media only screen and (max-width: 900px) {
    2406         .rtl #adminmenu .wp-has-current-submenu .wp-submenu-wrap{
     2402        .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    24072403                -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    24082404                box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    24092405        }
    24102406
    2411         .rtl #collapse-button div {
     2407        .rtl.auto-fold #collapse-button div {
    24122408                background-position: 0 -72px;
    24132409        }
    24142410}
  • wp-admin/css/colors-fresh.dev.css

     
    463463
    464464#adminmenu a:hover,
    465465#adminmenu li.menu-top > a:focus,
    466 #adminmenu ul.wp-submenu a:hover,
     466#adminmenu .wp-submenu a:hover,
    467467#the-comment-list .comment a:hover,
    468468#rightnow a:hover,
    469469#media-upload a.del-link:hover,
     
    978978}
    979979
    980980#adminmenu a.menu-top,
    981 .folded #adminmenu li.menu-top,
    982981#adminmenu .wp-submenu .wp-submenu-head {
    983982        border-top-color: #f9f9f9;
    984983        border-bottom-color: #dfdfdf;
     
    988987        border-color: #dfdfdf;
    989988}
    990989
    991 #adminmenu li.menu-top:hover > a,
    992 #adminmenu li.menu-top.focused > a,
    993 #adminmenu li.menu-top > a:focus {
     990#adminmenu li.menu-top:hover,
     991#adminmenu li.opensub > a.menu-top,
     992#adminmenu li > a.menu-top:focus {
    994993        background-color: #e4e4e4;
     994        color: #d54e21;
    995995        text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
    996996}
    997997
     
    10601060        color: #333;
    10611061}
    10621062
    1063 #adminmenu .wp-submenu ul {
     1063#adminmenu .wp-submenu,
     1064.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1065.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    10641066        background-color: #fff;
    1065 }
    1066 
    1067 #adminmenu .wp-submenu-wrap,
    1068 #adminmenu .wp-submenu ul {
    10691067        border-color: #dfdfdf;
     1068        -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1069        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    10701070}
    10711071
    10721072#adminmenu .wp-submenu-wrap,
     
    10761076}
    10771077
    10781078#adminmenu .wp-submenu .wp-submenu-head {
    1079         border-right-color: #dfdfdf;
    1080         background-color: #ececec;
     1079        background-color: #e4e4e4;
     1080        color: #333;
    10811081}
    10821082
    1083 #adminmenu div.wp-submenu {
    1084         background-color: transparent;
    1085 }
    1086 
    10871083/* collapse menu button */
    10881084#collapse-menu {
    10891085        color: #aaa;
     1086        border-top-color: #f9f9f9;
    10901087}
    10911088
    10921089#collapse-menu:hover {
     
    11171114
    11181115/* Auto-folding of the admin menu */
    11191116@media only screen and (max-width: 900px) {
    1120         #adminmenu li.menu-top {
    1121                 border-top-color: #f9f9f9;
    1122                 border-bottom-color: #dfdfdf;
    1123         }
    1124 
    1125         #adminmenu li.wp-has-current-submenu,
    1126         #adminmenu li.current.menu-top {
    1127                 background: #777;
     1117        .auto-fold #adminmenu li.wp-has-current-submenu,
     1118        .auto-fold #adminmenu li.current.menu-top {
     1119                background-color: #777;
    11281120                background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
    11291121                background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
    1130                 background-image:    -moz-linear-gradient(bottom, #6d6d6d, #808080);
    1131                 background-image:      -o-linear-gradient(bottom, #6d6d6d, #808080);
    1132                 background-image: linear-gradient(to top, #6d6d6d, #808080);
     1122                background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
     1123                background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
     1124                background-image: linear-gradient(bottom, #6d6d6d, #808080);
    11331125        }
    11341126
    1135         #adminmenu li.menu-top li:hover a {
    1136                 background-image: none;
    1137         }
    1138 
    1139         #adminmenu li.wp-has-current-submenu,
    1140         #adminmenu li.current.menu-top {
     1127        .auto-fold #adminmenu li.wp-has-current-submenu,
     1128        .auto-fold #adminmenu li.current.menu-top {
    11411129                border-top-color: #808080;
    11421130                border-bottom-color: #6d6d6d;
    11431131        }
    11441132
    1145         #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1146                 -webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1147                 box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
     1133        .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1134        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     1135                background-color: #fff;
     1136                border-color: #dfdfdf;
     1137                -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1138                box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    11481139        }
    11491140
    1150         #collapse-button div {
     1141        .auto-fold #collapse-button div {
    11511142                background-position: 0 -108px;
    11521143        }
    11531144}
     
    20342025        border-left-color: #dfdfdf;
    20352026}
    20362027
    2037 .rtl #adminmenu .wp-submenu-wrap,
    2038 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap{
     2028.rtl #adminmenu .wp-submenu,
     2029.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    20392030        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20402031        box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20412032}
    20422033
     2034.rtl #adminmenu .wp-has-current-submenu .wp-submenu {
     2035        -webkit-box-shadow: none;
     2036        box-shadow: none;
     2037}
     2038
    20432039/* Collapse Menu Button */
    20442040.rtl #collapse-button div {
    20452041        background-position: 0 -108px;
     
    20512047
    20522048/* Auto-folding of the admin menu for RTL */
    20532049@media only screen and (max-width: 900px) {
    2054         .rtl #adminmenu .wp-has-current-submenu .wp-submenu-wrap{
     2050        .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     2051        .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    20552052                -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20562053                box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    20572054        }
    20582055
    2059         .rtl #collapse-button div {
     2056        .rtl.auto-fold #collapse-button div {
    20602057                background-position: 0 -72px;
    20612058        }
    20622059}
  • 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
     
    4141        padding: 6px 10px 6px 4px;
    4242}
    4343
    44 #adminmenu .wp-menu-arrow {
    45         display: none !important;
    46 }
    47 
    4844#wpcontent #adminmenu .wp-submenu li.wp-submenu-head {
    4945        padding: 3px 10px 4px 4px;
    5046}
  • wp-admin/css/ie.dev.css

     
    7474        margin-bottom: -2px;
    7575}
    7676
    77 #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow {
    78         display: none;
     77#adminmenu .wp-menu-arrow {
     78        display: none !important;
    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

     
    342342  7.0 - Main Navigation (Right Menu) (RTL: Left Menu)
    343343------------------------------------------------------------------------------*/
    344344
     345.folded #wpcontent {
     346        margin-left: 0;
     347        margin-right: 52px;
     348}
     349
     350.folded.wp-admin #footer {
     351        margin-left: 15px;
     352        margin-right: 52px;
     353}
     354
    345355#adminmenuback,
    346356#adminmenuwrap {
    347357        border-width: 0 0 0 1px;
     
    357367        right: 146px;
    358368}
    359369
    360 .folded #adminmenu .wp-submenu,
    361 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    362         left: auto;
    363         right: 26px;
    364 }
    365370
    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,
     371.folded #adminmenu .wp-submenu.sub-open,
     372.folded #adminmenu .opensub .wp-submenu,
    369373.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;
     374.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     375.folded #adminmenu a.menu-top:focus + .wp-submenu,
     376.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
     377.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
     378        left: auto;
     379        right: 32px;
    373380}
    374381
    375 #adminmenu div.wp-menu-image {
     382#adminmenu div.wp-menu-image,
     383.folded #adminmenu div.wp-menu-image {
    376384        float: right;
     385        width: 30px;
    377386}
    378387
    379 #adminmenu li li {
    380         margin-left: 0;
    381         margin-right: 8px
    382 }
    383 
    384388#adminmenu .wp-submenu a,
    385389#adminmenu li li a,
    386390.folded #adminmenu .wp-not-current-submenu li a {
     
    393397        padding-right: 18px;
    394398}
    395399
    396 .folded #adminmenu li li {
    397         margin-left: inherit;
    398         margin-right: 0
    399 }
    400 
    401 .folded #adminmenu li li a {
    402         padding-left: inherit;
    403         padding-right: 0
    404 }
    405 
    406400.wp-menu-arrow {
    407401        right: 0;
    408402
     
    444438}
    445439
    446440#adminmenu .wp-menu-image img {
    447         float: right;
    448         padding: 5px 2px 0 0;
     441        padding: 7px 7px 0 0;
    449442}
    450443
    451444#adminmenu .wp-submenu .wp-submenu-head {
    452445        padding: 6px 10px 5px 4px;
     446        -webkit-border-top-right-radius: 0;
     447        -webkit-border-top-left-radius: 3px;
     448        border-top-right-radius: 0;
     449        border-top-left-radius: 3px;
    453450}
    454451
    455 #adminmenu li .wp-submenu-wrap {
    456         border-width: 1px 0 1px 1px;
    457         border-style: solid none solid solid;
     452.folded #adminmenu li.wp-has-current-submenu .wp-submenu {
     453        border-width: 1px;
     454        border-style: solid;
    458455        -webkit-border-bottom-right-radius: 0;
    459456        -webkit-border-bottom-left-radius: 3px;
    460457        -webkit-border-top-right-radius: 0;
     
    465462        border-top-left-radius: 3px;
    466463}
    467464
    468 .folded #adminmenu .wp-submenu ul {
    469         border-width: 0 1px 0 0;
    470 }
    471 
    472 .folded #adminmenu .wp-submenu a {
    473         padding-left: 0;
    474         padding-right: 10px;
    475 }
    476 
    477 .folded #adminmenu a.wp-has-submenu {
    478         margin-left: 0;
    479         margin-right: 40px;
    480 }
    481 
    482465#adminmenu .awaiting-mod,
    483466#adminmenu span.update-plugins,
    484467#sidemenu li a span.update-plugins {
     
    493476
    494477/* Auto-folding of the admin menu */
    495478@media only screen and (max-width: 900px) {
    496         #adminmenu li .wp-submenu,
    497         #adminmenu .wp-has-current-submenu .wp-submenu {
    498                 left: auto;
    499                 right: 26px;
     479        .auto-fold #wpcontent {
     480                margin-left: 0;
     481                margin-right: 52px;
    500482        }
    501483
    502         #adminmenu li.focused.wp-has-current-submenu .wp-submenu,
    503         #adminmenu .wp-has-current-submenu .wp-submenu.sub-open {
    504                 padding: 0 0 8px 8px;
     484        .auto-fold.wp-admin #footer {
     485                margin-left: 15px;
     486                margin-right: 52px;
    505487        }
    506488
    507         .folded #adminmenu .wp-not-current-submenu li a {
     489        .auto-fold #adminmenu .wp-submenu.sub-open,
     490        .auto-fold #adminmenu .opensub .wp-submenu,
     491        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     492        .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     493        .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
     494        .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
     495        .no-js.auto-fold #adminmenu .wp-has-submenu:hover .wp-submenu  {
     496                left: auto;
     497                right: 32px;
     498        }
     499
     500        .auto-fold #adminmenu .wp-not-current-submenu li a {
    508501                padding-left: 0;
    509502                padding-right: 12px;
    510503        }
    511504
    512         #adminmenu li li,
    513         #adminmenu li li a {
    514                 padding-left: inherit;
    515                 padding-right: 0
    516         }
    517 
    518         .wp-menu-arrow {
     505        .auto-fold .wp-menu-arrow {
    519506                -moz-transform:    translate( -27px );
    520507                -webkit-transform: translate( -27px );
    521508                -o-transform:      translate( -27px );
     
    523510                transform:         translate( -27px );
    524511        }
    525512
    526         #adminmenu .wp-submenu ul {
    527                 border-width: 0 1px 0 0;
     513        .auto-fold #adminmenu li.wp-has-current-submenu .wp-submenu {
     514                border-width: 1px;
     515                border-style: solid;
     516                -webkit-border-bottom-right-radius: 0;
     517                -webkit-border-bottom-left-radius: 3px;
     518                -webkit-border-top-right-radius: 0;
     519                -webkit-border-top-left-radius: 3px;
     520                border-bottom-right-radius: 0;
     521                border-bottom-left-radius: 3px;
     522                border-top-right-radius: 0;
     523                border-top-left-radius: 3px;
    528524        }
    529 
    530         #adminmenu .wp-submenu a {
    531                 padding-left: 0;
    532                 padding-right: 10px;
    533         }
    534 
    535         #adminmenu a.wp-has-submenu {
    536                 margin-left: 0;
    537                 margin-right: 40px;
    538         }
    539 
    540         body #wpcontent {
    541                 margin-left: 0;
    542                 margin-right: 52px;
    543         }
    544 
    545         body .wp-admin #footer {
    546                 margin-left: 15px;
    547                 margin-right: 52px;
    548         }
    549525}
    550526
    551527/* List table styles */
     
    16411617        margin-right: 165px;
    16421618}
    16431619
    1644 .folded #wpcontent {
    1645         margin-left: 0;
    1646         margin-right: 52px;
    1647 }
    1648 
    1649 .folded.wp-admin #footer {
    1650         margin-left: 15px;
    1651         margin-right: 52px;
    1652 }
    1653 
    16541620#wpbody-content {
    16551621        float: right;
    16561622}
  • wp-admin/css/wp-admin.dev.css

     
    7676#adminmenuback,
    7777#adminmenuwrap,
    7878#adminmenu,
    79 #adminmenu .wp-submenu,
    80 #adminmenu .wp-submenu-wrap,
    81 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
     79#adminmenu .wp-submenu {
    8280        width: 145px;
    8381}
    8482
     
    13311329        user-select: none;
    13321330}
    13331331
     1332#adminmenu li {
     1333        margin: 0;
     1334        padding: 0;
     1335        cursor: pointer;
     1336}
     1337
     1338#adminmenu a {
     1339        display: block;
     1340        line-height: 18px;
     1341        padding: 2px 5px;
     1342}
     1343
     1344#adminmenu li.menu-top {
     1345        min-height: 28px;
     1346        position: relative;
     1347}
     1348
    13341349#adminmenu .wp-submenu {
    13351350        list-style: none;
    1336         padding: 0;
     1351        padding: 4px 0;
    13371352        margin: 0;
    1338         overflow: hidden;
    1339 }
    1340 
    1341 #adminmenu li .wp-submenu,
    1342 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    1343         display: none;
    13441353        position: absolute;
    1345         top: -1px;
     1354        top: -1000em;
    13461355        left: 146px;
    13471356        z-index: 999;
    1348         overflow: hidden;
     1357        overflow: visible;
     1358        border-width: 1px;
     1359        border-style: solid;
     1360        -webkit-border-bottom-right-radius: 3px;
     1361        -webkit-border-top-right-radius: 3px;
     1362        border-bottom-right-radius: 3px;
     1363        border-top-right-radius: 3px;
    13491364}
    13501365
    1351 .js #adminmenu .wp-submenu.sub-open,
    1352 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    1353 .no-js #adminmenu .wp-has-submenu:hover .wp-submenu,
    1354 #adminmenu .wp-has-current-submenu .wp-submenu,
    1355 #adminmenu li.focused .wp-submenu {
    1356         display: block;
     1366.js #adminmenu .sub-open,
     1367.js #adminmenu .opensub .wp-submenu,
     1368#adminmenu a.menu-top:focus + .wp-submenu,
     1369.no-js li.wp-has-submenu:hover .wp-submenu {
     1370        top: -1px;
    13571371}
    13581372
    1359 #adminmenu .wp-has-current-submenu .wp-submenu {
     1373#adminmenu .wp-has-current-submenu .wp-submenu,
     1374.no-js li.wp-has-current-submenu:hover .wp-submenu,
     1375#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1376#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     1377#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
    13601378        position: relative;
    13611379        z-index: 2;
    13621380        top: auto;
    13631381        left: auto;
    13641382        right: auto;
    13651383        bottom: auto;
    1366         padding: 0;
    1367 }
     1384        border: 0 none;
    13681385
    1369 #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    13701386        -webkit-box-shadow: none;
    13711387        box-shadow: none;
    13721388}
    13731389
    1374 .folded #adminmenu .wp-submenu,
    1375 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    1376         top: -5px;
    1377         left: 26px;
    1378 }
    1379 
    1380 #adminmenu .wp-submenu.sub-open,
    1381 #adminmenu li.focused.wp-not-current-submenu .wp-submenu,
    1382 .folded #adminmenu li.focused.wp-has-current-submenu .wp-submenu,
     1390.folded #adminmenu .wp-submenu.sub-open,
     1391.folded #adminmenu .opensub .wp-submenu,
    13831392.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    1384 .no-js #adminmenu .wp-has-submenu:hover .wp-submenu,
    1385 .no-js.folded #adminmenu .wp-has-current-submenu:hover .wp-submenu {
    1386         padding: 0 8px 8px 0;
     1393.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     1394.folded #adminmenu a.menu-top:focus + .wp-submenu,
     1395.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
     1396.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
     1397        top: -1px;
     1398        left: 32px;
    13871399}
    13881400
    1389 .no-js #adminmenu .wp-has-current-submenu:hover .wp-submenu,
    1390 #adminmenu .wp-has-current-submenu .wp-submenu {
    1391         padding: 0;
     1401.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1402.folded #adminmenu .wp-has-current-submenu .wp-submenu {
     1403        border-width: 1px;
     1404        border-style: solid;
     1405        position: absolute;
     1406        top: -1000em;
    13921407}
    13931408
    13941409#adminmenu .wp-submenu a {
    13951410        font-size: 12px;
    13961411        line-height: 18px;
     1412        margin: 0;
     1413        padding-left: 12px;
    13971414}
    13981415
     1416#adminmenu .wp-not-current-submenu li > a {
     1417        padding-left: 16px;
     1418}
     1419
     1420#adminmenu .wp-has-current-submenu ul > li > a,
     1421.folded #adminmenu li.menu-top .wp-submenu > li > a {
     1422        padding-left: 12px;
     1423}
     1424
    13991425#adminmenu a.menu-top,
    14001426#adminmenu .wp-submenu-head {
    14011427        font-size: 13px;
     1428        font-weight: bold;
    14021429        line-height: 18px;
     1430        padding: 0;
    14031431}
    14041432
    1405 #adminmenu div.wp-submenu-head {
     1433#adminmenu .wp-submenu-head,
     1434.folded #adminmenu .wp-menu-name {
    14061435        display: none;
    14071436}
    14081437
    1409 .folded #adminmenu div.wp-submenu-head {
     1438.folded #adminmenu .wp-submenu-head {
    14101439        display: block;
    14111440}
    14121441
    1413 .folded #adminmenu a.menu-top {
    1414         display: none;
    1415 }
    1416 
    1417 #adminmenu div.wp-menu-image {
    1418         float: left;
    1419         width: 28px;
    1420         height: 28px;
    1421 }
    1422 
    1423 .folded #adminmenu div.wp-menu-image {
    1424         width: 30px;
    1425 }
    1426 
    1427 #adminmenu li {
     1442#adminmenu .wp-submenu li {
     1443        padding: 0;
    14281444        margin: 0;
    1429         padding: 0;
    1430         cursor: pointer;
     1445        overflow: hidden;
    14311446}
    14321447
    1433 #adminmenu a {
    1434         display: block;
    1435         line-height: 18px;
    1436         padding: 2px 5px;
    1437 }
    1438 
    1439 #adminmenu li.menu-top {
    1440         min-height: 29px;
    1441         position: relative;
    1442 }
    1443 
    14441448#adminmenu a.menu-top {
    1445         font-weight: bold;
    1446         line-height: 18px;
    1447         min-width: 10em;
    1448         padding: 5px 5px;
    1449         border-width: 1px 0 1px;
    1450         border-style: solid;
     1449        border-width: 1px 0;
     1450        border-style: solid none;
    14511451}
    14521452
    1453 #adminmenu li.wp-menu-open {
    1454         border-width: 0 0 1px;
    1455         border-style: solid;
     1453#adminmenu .wp-menu-image img {
     1454        padding: 7px 0 0 7px;
     1455        opacity: 0.6;
     1456        filter: alpha(opacity=60);
    14561457}
    14571458
    1458 #adminmenu .wp-submenu ul {
    1459         padding: 4px 0;
     1459#adminmenu div.wp-menu-name {
     1460        padding: 5px;
    14601461}
    14611462
    1462 #adminmenu .wp-submenu a {
    1463         margin: 0;
     1463#adminmenu div.wp-menu-image {
     1464        float: left;
     1465        width: 28px;
     1466        height: 28px;
     1467        margin-top: -1px;
    14641468}
    14651469
    1466 #adminmenu li li {
    1467         margin-left: 8px;
     1470.folded #adminmenu div.wp-menu-image {
     1471        width: 32px;
     1472        margin-top: 0;
     1473        position: absolute;
     1474        z-index: 25;
    14681475}
    14691476
    1470 #adminmenu .wp-submenu a,
    1471 #adminmenu li li a,
    1472 .folded #adminmenu .wp-not-current-submenu li a {
    1473         padding-left: 12px;
     1477.folded #adminmenu a.menu-top {
     1478        height: 29px;
    14741479}
    14751480
    1476 #adminmenu .wp-not-current-submenu li a {
    1477         padding-left: 18px;
    1478 }
    1479 
    1480 .folded #adminmenu li li {
    1481         margin-left: 0;
    1482 }
    1483 
    1484 .folded #adminmenu li li a {
    1485         padding-left: 0;
    1486 }
    1487 
    14881481.wp-menu-arrow {
    14891482        display: none;
    1490         cursor: auto;
    14911483        z-index: 25;
    14921484        position: absolute;
    14931485        right: 100%;
     
    15021494        transform:         translate( 146px );
    15031495}
    15041496
    1505 #adminmenu li.wp-has-current-submenu .wp-menu-arrow,
    1506 #adminmenu li.menu-top:hover .wp-menu-arrow,
    1507 #adminmenu li.current .wp-menu-arrow,
    1508 #adminmenu li.focused .wp-menu-arrow,
    1509 #adminmenu li.menu-top.wp-has-submenu:hover .wp-menu-arrow div {
    1510         display: block;
    1511 }
    1512 
    1513 #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow div {
    1514         display: none;
    1515 }
    1516 
    1517 #adminmenu li.menu-top:hover .wp-menu-arrow,
    1518 #adminmenu li.menu-top.focused .wp-menu-arrow {
    1519         z-index: 1001;
    1520 }
    1521 
    1522 .ie8 #adminmenu li.menu-top:hover .wp-menu-arrow {
    1523         display: none;
    1524 }
    1525 
    15261497#adminmenu .wp-menu-arrow div {
    15271498        position: absolute;
    15281499        top: 7px;
     
    15461517        height: 28px;
    15471518        border-width: 1px 0;
    15481519        border-style: solid;
     1520        top: 0;
    15491521}
    15501522
    15511523.folded .wp-menu-arrow {
     
    15561528        transform:         translate( 33px );
    15571529}
    15581530
     1531#adminmenu li.wp-has-current-submenu .wp-menu-arrow,
     1532#adminmenu a.menu-top:focus .wp-menu-arrow,
     1533.no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
     1534#adminmenu li.current .wp-menu-arrow,
     1535#adminmenu li.wp-has-submenu.opensub .wp-menu-arrow {
     1536        display: block;
     1537}
     1538
     1539#adminmenu li.current .wp-menu-arrow,
     1540#adminmenu li.wp-menu-open .wp-menu-arrow {
     1541        top: 0;
     1542}
     1543
     1544.no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
     1545#adminmenu .opensub a.wp-has-submenu .wp-menu-arrow,
     1546#adminmenu a.wp-has-submenu:focus .wp-menu-arrow {
     1547        z-index: 1001;
     1548}
     1549
     1550.ie8 #adminmenu li.menu-top:hover .wp-menu-arrow {
     1551        display: none;
     1552}
     1553
    15591554#adminmenu .wp-not-current-submenu .wp-menu-arrow div {
    15601555        width: 15px;
    15611556        top: 6px;
     
    15641559}
    15651560
    15661561.wp-menu-arrow,
    1567 .folded #adminmenu li.menu-top:hover .wp-menu-arrow {
     1562.folded #adminmenu li.wp-not-current-submenu .wp-menu-arrow,
     1563.no-js #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow {
    15681564        display: none;
    15691565}
    15701566
    1571 .folded #adminmenu li.current:hover .wp-menu-arrow,
    1572 .folded #adminmenu li.menu-top.wp-menu-open:hover .wp-menu-arrow {
     1567.folded #adminmenu li.current .wp-menu-arrow,
     1568.folded #adminmenu li.wp-menu-open .wp-menu-arrow {
    15731569        display: block;
    1574         z-index: 125;
     1570        top: 1px;
    15751571}
    15761572
    1577 #adminmenu .wp-submenu li {
    1578         padding: 0;
    1579         margin: 0;
    1580 }
    1581 
    1582 .folded #adminmenu li.menu-top {
    1583         border-width: 1px 0;
    1584         border-style: solid none;
    1585 }
    1586 
    1587 #adminmenu .wp-menu-image img {
    1588         float: left;
    1589         padding: 5px 0 0 2px;
    1590         opacity: 0.6;
    1591         filter: alpha(opacity=60);
    1592 }
    1593 
    15941573#adminmenu li.menu-top:hover .wp-menu-image img,
    15951574#adminmenu li.wp-has-current-submenu .wp-menu-image img {
    15961575        opacity: 1;
     
    16151594
    16161595#adminmenu .wp-submenu .wp-submenu-head {
    16171596        padding: 6px 4px 5px 10px;
    1618         cursor: default;
     1597        margin: -4px -1px 4px;
    16191598        border-width: 1px 0;
    16201599        border-style: solid;
    1621 }
    1622 
    1623 #adminmenu li .wp-submenu-wrap {
    1624         border-width: 1px 1px 1px 0;
    1625         border-style: solid solid solid none;
    1626         position: relative;
    1627         -webkit-border-bottom-right-radius: 3px;
    16281600        -webkit-border-top-right-radius: 3px;
    1629         border-bottom-right-radius: 3px;
    16301601        border-top-right-radius: 3px;
    16311602}
    16321603
    1633 #adminmenu li.wp-menu-open .wp-submenu-wrap {
    1634         border: 0 none;
     1604#adminmenu li.wp-menu-open {
     1605        border-width: 0 0 1px;
     1606        border-style: solid;
    16351607}
    16361608
    1637 .folded #adminmenu .wp-submenu .wp-submenu-wrap {
    1638         margin-top: 3px;
     1609#adminmenu li.current,
     1610.folded #adminmenu li.wp-menu-open {
     1611        border: 0 none;
    16391612}
    16401613
    1641 .folded #adminmenu .wp-has-current-submenu {
     1614.folded #adminmenu li.wp-has-current-submenu {
    16421615        margin-bottom: 1px;
    16431616}
    16441617
     
    16461619        margin-bottom: 0;
    16471620}
    16481621
    1649 .folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1650         margin-top: 4px;
    1651 }
    1652 
    1653 .folded #adminmenu .wp-submenu ul {
    1654         border-width: 0 0 0 1px;
    1655         border-style: solid;
    1656 }
    1657 
    1658 .folded #adminmenu .wp-submenu a {
    1659         padding-left: 10px;
    1660 }
    1661 
    1662 .folded #adminmenu a.wp-has-submenu {
    1663         margin-left: 40px;
    1664 }
    1665 
    1666 #adminmenu .wp-menu-image a {
    1667         height: 24px;
    1668 }
    1669 
    16701622#adminmenu .awaiting-mod,
    16711623#adminmenu span.update-plugins,
    16721624#sidemenu li a span.update-plugins {
     
    16971649#collapse-menu {
    16981650        font-size: 12px;
    16991651        line-height: 34px;
     1652        border-width: 1px 0 0;
     1653        border-style: solid;
    17001654}
    17011655
    17021656.folded #collapse-menu span {
     
    17201674
    17211675/* Auto-folding of the admin menu */
    17221676@media only screen and (max-width: 900px) {
    1723         #wpcontent,
    1724         #footer {
     1677        .auto-fold #wpcontent,
     1678        .auto-fold #footer {
    17251679                margin-left: 52px;
    17261680        }
    17271681
    1728         #adminmenuback,
    1729         #adminmenuwrap,
    1730         #adminmenu,
    1731         #adminmenu li.menu-top {
     1682        .auto-fold #adminmenuback,
     1683        .auto-fold #adminmenuwrap,
     1684        .auto-fold #adminmenu,
     1685        .auto-fold #adminmenu li.menu-top {
    17321686                width: 32px;
    17331687        }
    17341688
    1735         #adminmenu .wp-has-current-submenu .wp-submenu {
    1736                 display: none;
    1737                 position: absolute;
    1738                 width: 145px;
    1739                 z-index: 999;
    1740                 overflow: hidden;
     1689        .auto-fold #adminmenu .wp-submenu.sub-open,
     1690        .auto-fold #adminmenu .opensub .wp-submenu,
     1691        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     1692        .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
     1693        .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
     1694        .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
     1695                top: -1px;
     1696                left: 32px;
    17411697        }
    17421698
    1743         #adminmenu .wp-has-current-submenu .wp-submenu.sub-open {
    1744                 display: block;
     1699        .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1700        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     1701                border-width: 1px;
     1702                border-style: solid;
     1703                position: absolute;
     1704                top: -1000em;
    17451705        }
    17461706
    1747         #adminmenu li .wp-submenu,
    1748         #adminmenu .wp-has-current-submenu .wp-submenu {
    1749                 top: -5px;
    1750                 left: 26px;
     1707        .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
     1708                padding-left: 12px;
    17511709        }
    17521710
    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;
     1711        .auto-fold #adminmenu .wp-menu-name {
     1712                display: none;
    17561713        }
    17571714
    1758         #adminmenu div.wp-submenu-head {
     1715        .auto-fold #adminmenu .wp-submenu-head {
    17591716                display: block;
    17601717        }
    17611718
    1762         #adminmenu a.menu-top {
    1763                 display: none;
     1719        .auto-fold #adminmenu div.wp-menu-image {
     1720                width: 32px;
     1721                margin-top: 0;
     1722                position: absolute;
     1723                z-index: 25;
    17641724        }
    17651725
    1766         #adminmenu div.wp-menu-image {
    1767                 width: 30px;
     1726        .auto-fold #adminmenu a.menu-top {
     1727                height: 29px;
    17681728        }
    17691729
    1770         #adminmenu .wp-not-current-submenu li a {
    1771                 padding-left: 12px;
    1772         }
    1773 
    1774         #adminmenu li li {
    1775                 margin-left: 0;
    1776         }
    1777 
    1778         #adminmenu li li a {
    1779                 padding-left: 0;
    1780         }
    1781 
    1782         .wp-menu-arrow {
     1730        .auto-fold .wp-menu-arrow {
    17831731                -moz-transform:    translate( 33px );
    17841732                -webkit-transform: translate( 33px );
    17851733                -o-transform:      translate( 33px );
     
    17871735                transform:         translate( 33px );
    17881736        }
    17891737
    1790         #adminmenu li.menu-top:hover .wp-menu-arrow {
     1738        .auto-fold #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
    17911739                display: none;
    17921740        }
    17931741
    1794         #adminmenu li.current:hover .wp-menu-arrow,
    1795         #adminmenu li.menu-top.wp-menu-open:hover .wp-menu-arrow {
     1742        .auto-fold #adminmenu li.current .wp-menu-arrow,
     1743        .auto-fold #adminmenu li.wp-menu-open .wp-menu-arrow {
    17961744                display: block;
    1797                 z-index: 125;
     1745                top: 1px;
    17981746        }
    17991747
    1800         #adminmenu li.menu-top {
    1801                 border-width: 1px 0;
    1802                 border-style: solid none;
     1748        .auto-fold #adminmenu li.wp-menu-open {
     1749                border: 0 none;
    18031750        }
    18041751
    1805         #adminmenu .wp-submenu .wp-submenu-wrap {
    1806                 margin-top: 3px;
    1807         }
    1808 
    1809         #adminmenu .wp-has-current-submenu {
     1752        .auto-fold #adminmenu li.wp-has-current-submenu {
    18101753                margin-bottom: 1px;
    18111754        }
    18121755
    1813         #adminmenu .wp-has-current-submenu.menu-top-last {
     1756        .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
    18141757                margin-bottom: 0;
    18151758        }
    18161759
    1817         #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
    1818                 margin-top: 4px;
    1819         }
    1820 
    1821         #adminmenu .wp-submenu ul {
    1822                 border-width: 0 0 0 1px;
    1823                 border-style: solid;
    1824         }
    1825 
    1826         #adminmenu .wp-submenu a {
    1827                 padding-left: 10px;
    1828         }
    1829 
    1830         #adminmenu a.wp-has-submenu {
    1831                 margin-left: 40px;
    1832         }
    1833 
    1834         #collapse-menu {
     1760        .auto-fold #collapse-menu span {
    18351761                display: none;
    18361762        }
    18371763}
  • wp-admin/js/common.dev.js

     
    161161
    162162$(document).ready( function() {
    163163        var lastClicked = false, checks, first, last, checked, menu = $('#adminmenu'),
    164                 pageInput = $('input.current-page'), currentPage = pageInput.val(), refresh;
     164                pageInput = $('input.current-page'), currentPage = pageInput.val();
    165165
    166         // admin menu
    167         refresh = function(i, el){ // force the browser to refresh the tabbing index
    168                 var node = $(el), tab = node.attr('tabindex');
    169                 if ( tab )
    170                         node.attr('tabindex', '0').attr('tabindex', tab);
    171         };
     166        // when the menu is folded, make the fly-out submenu header clickable
     167        $('.wp-submenu-head', menu).bind('click.wp-submenu-head', function(e){
     168                $(this).parent().siblings('a').get(0).click();
     169        });
    172170
    173         $('#collapse-menu', menu).click(function(){
     171        $('#collapse-menu', menu).bind('click.collapse-menu', function(e){
    174172                var body = $(document.body);
    175173
    176174                // reset any compensation for submenus near the bottom of the screen
    177175                $('#adminmenu div.wp-submenu').css('margin-top', '');
    178176
    179                 if ( body.hasClass('folded') ) {
    180                         body.removeClass('folded');
    181                         setUserSetting('mfold', 'o');
     177                if ( $(window).width() < 900 ) {
     178                        if ( body.hasClass('auto-fold') ) {
     179                                body.removeClass('auto-fold');
     180                                setUserSetting('unfold', 1);
     181                                body.removeClass('folded');
     182                                deleteUserSetting('mfold');
     183                        } else {
     184                                body.addClass('auto-fold');
     185                                deleteUserSetting('unfold');
     186                        }
    182187                } else {
    183                         body.addClass('folded');
    184                         setUserSetting('mfold', 'f');
     188                        if ( body.hasClass('folded') ) {
     189                                body.removeClass('folded');
     190                                deleteUserSetting('mfold');
     191                        } else {
     192                                body.addClass('folded');
     193                                setUserSetting('mfold', 'f');
     194                        }
    185195                }
    186                 return false;
    187196        });
    188197
    189198        $('li.wp-has-submenu', menu).hoverIntent({
    190199                over: function(e){
    191200                        var b, h, o, f, m = $(this).find('.wp-submenu'), menutop, wintop, maxtop;
    192201
    193                         if ( m.is(':visible') )
     202                        if ( parseInt( m.css('top'), 10 ) > -5 )
    194203                                return;
    195204
    196205                        menutop = $(this).offset().top;
     
    213222                        else
    214223                                m.css('margin-top', '');
    215224
    216                         menu.find('.wp-submenu').removeClass('sub-open');
    217                         m.addClass('sub-open');
     225                        menu.find('li.menu-top').removeClass('opensub');
     226                        $(this).addClass('opensub');
    218227                },
    219228                out: function(){
    220                         $(this).find('.wp-submenu').removeClass('sub-open').css('margin-top', '');
     229                        $(this).removeClass('opensub').find('.wp-submenu').css('margin-top', '');
    221230                },
    222231                timeout: 200,
    223232                sensitivity: 7,
    224233                interval: 90
    225234        });
    226235
    227         // Tab to select, Enter to open sub, Esc to close sub and focus the top menu
    228         $('li.wp-has-submenu > a.wp-not-current-submenu', menu).bind('keydown.adminmenu', function(e){
    229                 if ( e.which != 13 )
    230                         return;
    231 
    232                 var target = $(e.target);
    233 
    234                 e.stopPropagation();
    235                 e.preventDefault();
    236 
    237                 menu.find('.wp-submenu').removeClass('sub-open');
    238                 target.siblings('.wp-submenu').toggleClass('sub-open').find('a[role="menuitem"]').each(refresh);
    239         }).each(refresh);
    240 
    241         $('a[role="menuitem"]', menu).bind('keydown.adminmenu', function(e){
    242                 if ( e.which != 27 )
    243                         return;
    244 
    245                 var target = $(e.target);
    246 
    247                 e.stopPropagation();
    248                 e.preventDefault();
    249 
    250                 target.add( target.siblings() ).closest('.sub-open').removeClass('sub-open').siblings('a.wp-not-current-submenu').focus();
     236        $('.wp-submenu a', menu).bind('focus.adminmenu', function(e){
     237                $(e.target).closest('li.menu-top').addClass('opensub');
     238        }).bind('blur.adminmenu', function(e){
     239                $(e.target).closest('li.menu-top').removeClass('opensub');
    251240        });
    252241
    253242        // Move .updated and .error alert boxes. Don't move boxes designed to be inline.
  • 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       
    110111                        $first = true;
    111112                        foreach ( $submenu_items as $sub_key => $sub_item ) {
    112113                                if ( ! current_user_can( $sub_item[1] ) )
     
    160161                                        echo "<li$class><a href='{$sub_item[2]}'$class>$title</a></li>";
    161162                                }
    162163                        }
    163                         echo "</ul></div></div>";
     164                        echo "</ul>";
    164165                }
    165166                echo "</li>";
    166167        }