Changeset 26920

Timestamp:

01/08/2014 09:23:18 PM (11 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;
     }