WordPress.org

Make WordPress Core

Ticket #21349: 21349-3.patch

File 21349-3.patch, 37.4 KB (added by azaozz, 3 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        }