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

Props pauldechov, JDTrower.

Fixes #41317.


git-svn-id: https://develop.svn.wordpress.org/trunk@41362 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrea Fercia 2017-09-10 13:39:13 +00:00
parent 6327832abe
commit 3d04cc37a5
2 changed files with 14 additions and 16 deletions

View File

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

View File

@ -96,7 +96,7 @@
border-top-color: #0073aa; border-top-color: #0073aa;
} }
/* 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-response .post-com-count-pending,
.column-comments .post-com-count-pending { .column-comments .post-com-count-pending {
position: relative; position: relative;