diff --git a/src/wp-admin/css/list-tables.css b/src/wp-admin/css/list-tables.css index c95ba200a0..95cde96d6a 100644 --- a/src/wp-admin/css/list-tables.css +++ b/src/wp-admin/css/list-tables.css @@ -1338,12 +1338,42 @@ div.action-links, .plugin-card .column-downloaded { float: left; clear: left; + max-width: 180px; } .plugin-card .column-updated, .plugin-card .column-compatibility { + text-align: right; float: right; clear: right; + width: 65%; + width: calc( 100% - 180px ); +} + +.plugin-card .column-compatibility span:before { + font: normal 20px/.5 'dashicons'; + speak: none; + display: inline-block; + padding: 0; + top: 4px; + left: -2px; + position: relative; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; + color: #444; +} +.plugin-card .compatibility-incompatible:before { + content: '\f158'; +} + +.plugin-card .compatibility-compatible:before { + content: '\f147'; +} + +.plugin-card .compatibility-untested strong { + font-weight: normal; } .plugin-icon { diff --git a/src/wp-admin/includes/class-wp-plugin-install-list-table.php b/src/wp-admin/includes/class-wp-plugin-install-list-table.php index 32225bd9a8..c130be4a93 100644 --- a/src/wp-admin/includes/class-wp-plugin-install-list-table.php +++ b/src/wp-admin/includes/class-wp-plugin-install-list-table.php @@ -452,11 +452,11 @@ class WP_Plugin_Install_List_Table extends WP_List_Table {
' ) ) { - echo __( 'Untested with your version of WordPress' ); + echo '' . __( 'Untested with your version of WordPress' ) . ''; } elseif ( ! empty( $plugin['requires'] ) && version_compare( substr( $GLOBALS['wp_version'], 0, strlen( $plugin['requires'] ) ), $plugin['requires'], '<' ) ) { - echo __( 'Incompatible with your version of WordPress' ); + echo '' . __( 'Incompatible with your version of WordPress' ) . ''; } else { - echo __( 'Compatible with your version of WordPress' ); + echo '' . __( 'Compatible with your version of WordPress' ) . ''; } ?>