Changeset 26687

Timestamp:

12/05/2013 07:57:17 PM (11 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,