From 3fc9dd346e1f8fbc1ae375883bab8bd461a2c628 Mon Sep 17 00:00:00 2001
From: Matt Thomas <iammattthomas@git.wordpress.org>
Date: Thu, 5 Dec 2013 19:57:17 +0000
Subject: [PATCH] Un-hide dropdown submenus at responsive sizes, make submenus
 within dropdowns appear as inline lists at mobile device sizes. See #25972.

git-svn-id: https://develop.svn.wordpress.org/trunk@26687 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-admin/css/colors/_admin.scss |  3 ++-
 src/wp-includes/css/admin-bar.css   | 30 +++++++++++++++++++++++++----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/src/wp-admin/css/colors/_admin.scss b/src/wp-admin/css/colors/_admin.scss
index ede9857c1e..a070192a86 100644
--- a/src/wp-admin/css/colors/_admin.scss
+++ b/src/wp-admin/css/colors/_admin.scss
@@ -293,7 +293,8 @@ ul#adminmenu > li.current > a.current:after {
 	background: $menu-submenu-background;
 }
 
-#wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
 	background: $menu-submenu-background-alt;
 }
 
diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css
index f28443a08f..195f8ba579 100644
--- a/src/wp-includes/css/admin-bar.css
+++ b/src/wp-includes/css/admin-bar.css
@@ -309,13 +309,16 @@
 	position: relative;
 	right: auto;
 	margin: 0;
-	background: #4b4b4b;
 	-webkit-box-shadow: none;
 	box-shadow: none;
 }
 
-#wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover > a,
-#wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover > a,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+	background: #4b4b4b;
+}
+
+#wpadminbar .quicklinks .menupop .ab-sub-secondary > li > a:hover,
 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
 	color: #2ea2cc;
 }
@@ -909,7 +912,8 @@
 	}
 	
 	/* Allow dropdown list items to appear normally */
-	#wpadminbar li:hover ul li {
+	#wpadminbar li:hover ul li,
+	#wpadminbar li:hover ul li:hover ul li {
 		display: list-item;
 	}
 	
@@ -1008,6 +1012,24 @@
 	#wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper {
 		margin-left: 0;
 	}
+	
+	#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
+		display: inline-block;
+		margin: 0;
+		width: 100%;
+		top: auto;
+		left: auto;
+		position: relative;
+	}
+	
+	#wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper .ab-item {
+		font-size: 16px;
+		padding: 6px 15px 19px 30px;
+	}
+	
+	#wpadminbar li:hover ul li ul li {
+		display: list-item;
+	}
 
 	#wpadminbar li#wp-admin-bar-wp-logo,
 	#wpadminbar li#wp-admin-bar-updates {