Changeset 27009

Timestamp:

01/22/2014 07:00:11 PM (11 years ago)

Author:

nacin

Message:

Responsive improvements to submenus in the toolbar.

Merges [27006] to the 3.8 branch.

• Remove .ab-sub-wrapper rules in the 782px media query, as they're duplicates of the rules set on line 161.
• Reposition the arrows for submenus at responsive sizes where the menus are taller.
• Set the submenu position to static at smartphone sizes, so it's not positioned outside of its parent (and thus offscreen).

props undergroundnetwork, iammattthomas.
fixes #26720.

Location:

branches/3.8

Files:

• . (modified) (1 prop)
• src/wp-includes/css/admin-bar.css (modified) (2 diffs)

branches/3.8/src/wp-includes/css/admin-bar.css

@@ -1038 +1038 @@
     }
 
-    #wpadminbar #wp-admin-bar-my-account .ab-sub-wrapper {
-        right: 0;
-        left: auto;
-    }
-
     .network-admin #wpadminbar ul#wp-admin-bar-top-secondary > li#wp-admin-bar-my-account {
         margin-right: 0;
+    }
+    
+    /* Realign arrows on taller responsive submenus */
+    
+    #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
+        top: 10px;
+        left: 0;
     }
 }
@@ -1098 +1100 @@
         display: none;
     }
-}
+    
+    /* Make submenus full-width at this size */
+    
+    #wpadminbar .ab-top-menu > .menupop li > .ab-sub-wrapper {
+        position: static;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+    }
+}