[wp-trac] [WordPress Trac] #50539: Explore a larger icon less WP Admin menu

[WordPress Trac]

#50539: Explore a larger icon less WP Admin menu
----------------------------+------------------------------
 Reporter:  youknowriad     |       Owner:  youknowriad
     Type:  enhancement     |      Status:  accepted
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Administration  |     Version:
 Severity:  normal          |  Resolution:
 Keywords:  has-patch       |     Focuses:  ui
----------------------------+------------------------------

Comment (by jameskoster):

 Nice!

 I think the width will be important, but if we can't touch that for now,
 then getting all the other spacing aligned will help soften the transition
 between wp-admin & site editor. Just a couple of small suggestions in that
 regard:

 1. If we remove the padding on `#adminmenu .wp-submenu` the text lines up
 nicely on the Y axis.
 2. Adding some top/bottom padding to `#adminmenu li.wp-has-current-
 submenu` will help clarify where the submenu starts and ends. The CSS I
 used to achieve that is below, in case it is useful.


 {{{
 #adminmenu li.wp-has-current-submenu {
         padding: 8px 0 24px;
 }

 /* Shrink the separator when it follows an open submenu */
 #adminmenu li.wp-has-current-submenu + li.wp-menu-separator {
         height: 0;
 }

 /* If a separator precedes the current submenu, reduce the padding so that
 an 8px gap exists between separator and menu item */
 #adminmenu li.wp-menu-separator + li.wp-has-current-submenu {
         padding-top: 0px;
         margin-top: -12px; /* 8px = 20 (separator height) - 12 */
 }

 /* Don't apply top padding to first menu item */
 #adminmenu li.wp-has-current-submenu:first-of-type {
         padding: 0 0 24px;
 }
 }}}

 I added a gif demonstrating how things look with these changes.


 One other note: The active style for menu items without submenus (see
 Comments) looks a bit funny. We can probably use the active style from the
 submenus there (blue background).

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/50539#comment:12>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform