Changeset 26920 for trunk

Timestamp:

01/08/2014 09:23:18 PM (13 years ago)

Author:

nacin

Message:

Adjust widths of toolbar items at mobile sizes for better fitting on narrow screens. Fixes toolbar wrapping when using multisite.

props iammattthomas.
see #26537 for trunk.

File:

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

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

@@ -774 +774 @@
         }
 
-        #wpadminbar .quicklinks li > a,
+        #wpadminbar .quicklinks > ul > li > a,
         #wpadminbar .quicklinks .ab-empty-item {
                 padding: 0;
@@ -786 +786 @@
                 margin: 0;
                 padding: 0;
-                width: 50px;
+                width: 52px;
                 height: 46px;
                 text-align: center;
@@ -839 +839 @@
         #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
                 padding: 0;
-                width: 55px;
+                width: 52px;
                 height: 46px;
                 text-align: center;
@@ -863 +863 @@
                 white-space: nowrap;
                 overflow: hidden;
-                width: 55px;
+                width: 52px;
                 padding: 0;
                 color: #999;
@@ -885 +885 @@
                 speak: none;
                 top: 7px;
-                width: 55px;
+                width: 52px;
                 text-align: center;
                 -webkit-font-smoothing: antialiased;
@@ -910 +910 @@
                 height: 46px !important;
                 text-align: center;
-                width: 50px;
+                width: 52px;
                 display: block;
         }