[wp-trac] [WordPress Trac] #63120: Emojis in plugin titles render in front of text characters

[WordPress Trac]

#63120: Emojis in plugin titles render in front of text characters
-------------------------------------------------+-------------------------
 Reporter:  slimndap                             |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  6.9
Component:  Plugins                              |     Version:
 Severity:  minor                                |  Resolution:
 Keywords:  good-first-bug has-test-info dev-    |     Focuses:  ui, css
  feedback has-patch                             |
-------------------------------------------------+-------------------------

Comment (by sabernhardt):

 1. `.updates-table .plugins .plugin-title p > img` tells more precisely
 where to apply the style (perhaps excessively precise).
 2. `.plugins .plugin-title img:not(.emoji)` could fix the emoji bug more
 simply.

 I am a little biased toward the first option, but I suppose a major factor
 in choosing that is whether another (unidentified) type of image could
 still get the float styles if the selector only excludes `.emoji`.

 However, to avoid increasing the CSS specificity level, which could
 override some [https://wpdirectory.net/search/01JXDQ9TBCN2YYG3S5Q2J87KGZ
 styles from plugins], it seems easier to add `:where()` to the second
 option:
 `.plugins .plugin-title img:where(:not(.emoji))`

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