Changeset 27006 for trunk

Timestamp:

01/22/2014 06:37:42 PM (13 years ago)

Author:

iammattthomas

Message:

Responsive improvements to submenus in the adminbar:

• 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).

Fixes #26720, props undergroundnetwork, iammattthomas.

File:

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

trunk/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;
+        }
+}