Changeset 26687

Timestamp:

12/05/2013 07:57:17 PM (13 years ago)

Author:

iammattthomas

Message:

Un-hide dropdown submenus at responsive sizes, make submenus within dropdowns appear as inline lists at mobile device sizes. See #25972.

Location:

trunk/src

Files:

• wp-admin/css/colors/_admin.scss (modified) (1 diff)
• wp-includes/css/admin-bar.css (modified) (3 diffs)

trunk/src/wp-admin/css/colors/_admin.scss

@@ -294 +294 @@
 }
 
-#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;
 }

trunk/src/wp-includes/css/admin-bar.css

@@ -310 +310 @@
         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;
@@ -910 +913 @@
         
         /* 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;
         }
@@ -1009 +1013 @@
                 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,