Changeset 41362

Timestamp:

09/10/2017 01:39:13 PM (7 years ago)

Author:

afercia

Message:

Administration: Admin menu: Improve vertical spacing and alignment of menu items with counters.

Props pauldechov, JDTrower.

Fixes #41317.

Location:

trunk/src/wp-admin/css

Files:

• admin-menu.css (modified) (3 diffs)
• list-tables.css (modified) (1 diff)

trunk/src/wp-admin/css/admin-menu.css

@@ -281 +281 @@
 #adminmenu .wp-submenu a {
     font-size: 13px;
-    line-height: 1.2;
+    line-height: 18px;
     margin: 0;
-    padding: 6px 0;
+    padding: 5px 0;
 }
 
@@ -304 +304 @@
 #adminmenu .wp-has-current-submenu ul > li > a,
 .folded #adminmenu li.menu-top .wp-submenu > li > a {
-    padding: 6px 12px;
+    padding: 5px 12px;
 }
 
@@ -511 +511 @@
 }
 
+/* @todo: consider to use a single rule for these counters and the list table comments counters. */
 #adminmenu .awaiting-mod,
 #adminmenu .update-plugins {
     display: inline-block;
-    background-color: #d54e21;
+    vertical-align: top;
+    margin: 1px 0 0 2px;
+    padding: 0 5px;
+    min-width: 7px;
+    height: 17px;
+    border-radius: 11px;
+    background-color: #ca4a1f;
     color: #fff;
     font-size: 9px;
     line-height: 17px;
-    font-weight: 600;
-    margin: 1px 0 0 2px;
-    vertical-align: top;
-    border-radius: 10px;
+    text-align: center;
     z-index: 26;
 }
 
-#adminmenu li .awaiting-mod span,
-#adminmenu li span.update-plugins span {
-    display: block;
-    padding: 0 6px;
-}
-
 #adminmenu li.current a .awaiting-mod,
-#adminmenu  li a.wp-has-current-submenu .update-plugins {
+#adminmenu li a.wp-has-current-submenu .update-plugins {
     background-color: #00b9eb;
     color: #fff;

trunk/src/wp-admin/css/list-tables.css

@@ -97 +97 @@
 }
 
-/* comments bubble pending */
+/* @todo: consider to use a single rule for these counters and the admin menu counters. */
 .column-response .post-com-count-pending,
 .column-comments .post-com-count-pending {