Use admin menu API when responsively collapsing the menu. CSS fixes. see #18382.

git-svn-id: https://develop.svn.wordpress.org/trunk@18761 602fd350-edb4-49c9-b593-d223f7449a82

wp-admin/css/colors-fresh.dev.css

@@ -991,7 +991,8 @@ table.widefat .spam a:hover,
 	border-color: #dfdfdf;
 }
 
-#adminmenu .wp-submenu-wrap {
+#adminmenu .wp-submenu-wrap,
+.folded #adminmenu .wp-has-current-submenu .wp-submenu-wrap {
 	-moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
 	-webkit-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
 	box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );

wp-admin/css/wp-admin.dev.css

@@ -1785,6 +1785,7 @@ body.no-js #adminmenu li.wp-has-current-submenu .wp-submenu {
 .js.folded #adminmenu .wp-submenu .wp-submenu-wrap {
 	margin-top: 4px;
 	border-width: 0 1px 1px 0;
+	border-style: solid;
 }
 
 .js.folded #adminmenu .wp-submenu ul {

wp-admin/js/common.dev.js

@@ -352,12 +352,10 @@ $(document).ready( function() {
 		if ( getUserSetting('mfold') == 'f' )
 			return;
 
-		var w = $(window).width();
+		var width = $(window).width();
 
-		if ( w <= 800 ) // fold admin menu
-			$(document.body).addClass('folded');
-		else
-			$(document.body).removeClass('folded');
+		// fold admin menu
+		adminMenu.fold( width >= 800 );
 
 	}).triggerHandler('resize');
 });