Changeset 60673

Timestamp:

08/26/2025 09:33:11 PM (2 months ago)

Author:

whyisjake

Message:

Plugins: Fix emoji positioning in plugin titles on plugins list table.

Prevents emojis in plugin titles from floating to the front of text when
WordPress uses emoji fallback rendering. When emoji feature detection fails,
WordPress replaces emoji characters with <img> elements that were incorrectly
affected by CSS float rules intended for plugin icons.

Updates CSS selectors to target specific icon types (dashicons, icon classes,
and data URI images) rather than all images, ensuring emoji images remain
inline with plugin title text while preserving proper layout for actual
plugin icons.

• Consolidates .plugins .plugin-title img and .plugins .plugin-title .dashicons rules
• Adds support for img.dashicons, img[class*="icon"], and img[src*="data:image"] selectors
• Maintains 64px sizing and left float for legitimate plugin icons
• Fixes visual issue where "myplugin❤️wordpress" displayed as "❤️mypluginwordpress"

Props slimndap, ankitkumarshah, sandeepdahiya, sabernhardt, tomdevisser,
debarghyabanerjee, nusrat21, SirLouen, wpfy, hmbashar, klevismiho,
rollybueno, jamesgiroux, jorbin, whyisjake.

Fixes #63120.

File:

• trunk/src/wp-admin/css/list-tables.css (modified) (1 diff)

trunk/src/wp-admin/css/list-tables.css

@@ -1314 +1314 @@
 }
 
-.plugins .plugin-title img,
-.plugins .plugin-title .dashicons {
+/* modified for the emoji */
+.plugins .plugin-title .dashicons,
+.plugins .plugin-title img.dashicons,
+.plugins .plugin-title img[class*="icon"],
+.plugins .plugin-title img[src*="data:image"] {
     float: left;
     padding: 0 10px 0 0;