[wp-trac] [WordPress Trac] #62991: Issue: Non-Clickable Area in Admin Profile Dropdown

[WordPress Trac]

#62991: Issue: Non-Clickable Area in Admin Profile Dropdown
-------------------------------------------------+-------------------------
 Reporter:  r0nak                                |       Owner:
                                                 |  adamsilverstein
     Type:  enhancement                          |      Status:  assigned
 Priority:  normal                               |   Milestone:  6.8
Component:  Toolbar                              |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  good-first-bug 2nd-opinion has-      |     Focuses:  css,
  patch needs-design-feedback                    |  administration
-------------------------------------------------+-------------------------
Changes (by sabernhardt):

 * keywords:  good-first-bug 2nd-opinion has-patch => good-first-bug 2nd-
     opinion has-patch needs-design-feedback
 * type:  defect (bug) => enhancement


Comment:

 The list item margins were added in
 [https://core.trac.wordpress.org/changeset/18776/trunk/wp-includes/css
 /admin-bar.dev.css r18776] and
 [https://core.trac.wordpress.org/changeset/19276/trunk/wp-includes/css
 /admin-bar.dev.css r19276]. Then
 [https://core.trac.wordpress.org/browser/trunk/src/wp-admin/css/wp-
 admin.css?rev=26134&marks=12117-12119#L12117 r26134] set the margins to
 `0` on smaller screens when the avatar is enabled.

 If this removes the right margin, the profile link still would not be
 clickable for the full width, but I think an unclickable area on the left
 is fine. I tested with a very long display name, and I am not concerned
 about how it can look a little imbalanced in that situation. The link has
 padding of 10 pixels (or 16 on smaller screens), so the text should not
 touch the edge. Besides, keeping the display name shorter would help to
 avoid crowding the top-level links.

 ----

 Note: I would not recommend trying to make the link cover the full width
 (in Core). Screenshot_28 shows that the Log Out link can appear slightly
 above the bottom of the avatar image when the display name matches the
 username. Even the space immediately below the text is unclickable in that
 case.

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