[wp-trac] [WordPress Trac] #64686: Plugin name and description overlap with "Install Now" button in Japanese locale

[WordPress Trac]

#64686: Plugin name and description overlap with "Install Now" button in Japanese
locale
-------------------------------------+-------------------------------------
 Reporter:  hiroshisato              |       Owner:  joedolson
     Type:  defect (bug)             |      Status:  reopened
 Priority:  normal                   |   Milestone:  7.0
Component:  Administration           |     Version:  trunk
 Severity:  normal                   |  Resolution:
 Keywords:  has-screenshots admin-   |     Focuses:  ui, css,
  reskin has-patch                   |  administration
-------------------------------------+-------------------------------------

Comment (by sabernhardt):

 It is very late to redo the layout for next week's release, and PR 11820
 is not ready anyway.

 > One short-term solution is to increase the right margin for specific
 languages.

 My "Update Now" link in French, with the icon, is more than 188 pixels
 wide. The translation lengths are highly variable, and they can change at
 any time.

 The "Update Now" string with the 'plugin' context is only on the plugin
 install screen, so removing "now" from some long translations might be an
 option. However, "Install Now" is used on other screens, where it probably
 should not be abbreviated.

 Allowing the `.button` link text to wrap to another line seems to be the
 safest //temporary// change. It still is not good, but it prevents
 overlapping. The worst part of this idea is probably when someone clicks
 the link and it changes height along with the text as it progresses from
 "Update Now" to "Updating..." to "Updated!" (or "Install Now", etc.).

 I also considered adding a white background to these links. That probably
 is not safe enough, and the links still would overlap plugin names as they
 did in 6.9 (with an additional four pixels to their width).
 {{{
 .plugin-action-buttons li .button:not(.button-primary) {
         background: #fff;
 }
 }}}

 Partially related: #48648

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