[wp-trac] [WordPress Trac] #47112: Multisite: Site names are truncated in the "My Sites" admin bar dropdown

[WordPress Trac]

#47112: Multisite: Site names are truncated in the "My Sites" admin bar dropdown
-------------------------------------------+-------------------------------
 Reporter:  tferry                         |      Owner:  (none)
     Type:  defect (bug)                   |     Status:  new
 Priority:  normal                         |  Milestone:  Awaiting Review
Component:  Networks and Sites             |    Version:  5.1.1
 Severity:  normal                         |   Keywords:  has-patch 2nd-
  Focuses:  ui, administration, multisite  |  opinion
-------------------------------------------+-------------------------------
 When using a multisite network, hovering over the "My Sites" item in the
 WordPress admin bar reveals a list of sites in the network. However,
 unless the site names are particularly short (~less than 15 characters)
 they are truncated and replaced with an ellipsis using CSS. The dropdown
 does expand when sites with longer names are added but the longest names
 are still truncated in this way.

 I believe it would be useful to display the full name of all sites,
 especially as site "identifiers" may be placed at the end. For example, it
 might make sense to differentiate different language versions of the same
 site with the locale/language at the end. Unfortunately;

 {{{
 "My Longish Site Name - EN-US",
 "My Longish Site Name - ES-ES",
 }}}

 becomes:

 {{{
 "My Longish Site Name - E...",
 "My Longish Site Name - E...",
 }}}

 Which causes a bit of a UI problem. I'm sure there are other reasons to
 differentiate sites in this way too.

 It seems that the cause of this truncation is down to the floated
 "blavatar" icon next to each site name pushing the text over, rather than
 a conscious decision to hide the end of the text.

 Since there doesn't seem to be a reason to chop off the end of the text in
 this way, I'd suggest some slight CSS changes to allow the full text to be
 visible in the dropdown. I have attached a first-pass diff as a starting
 point to address this.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/47112>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform