Changeset 29586

Timestamp:

08/24/2014 05:25:35 PM (10 years ago)

Author:

nacin

Message:

Plugin install: Add icons to compatible/incompatible. see #29313.

Location:

trunk/src/wp-admin

Files:

• css/list-tables.css (modified) (1 diff)
• includes/class-wp-plugin-install-list-table.php (modified) (1 diff)

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

@@ -1339 +1339 @@
     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;
 }
 

trunk/src/wp-admin/includes/class-wp-plugin-install-list-table.php

@@ -453 +453 @@
                     <?php
                     if ( ! empty( $plugin['tested'] ) && version_compare( substr( $GLOBALS['wp_version'], 0, strlen( $plugin['tested'] ) ), $plugin['tested'], '>' ) ) {
-                        echo  __( '<strong>Untested</strong> with your version of WordPress' );
+                        echo '<span class="compatibility-untested">' . __( '<strong>Untested</strong> with your version of WordPress' ) . '</span>';
                     } elseif ( ! empty( $plugin['requires'] ) && version_compare( substr( $GLOBALS['wp_version'], 0, strlen( $plugin['requires'] ) ), $plugin['requires'], '<' ) ) {
-                        echo __( '<strong>Incompatible</strong> with your version of WordPress' );
+                        echo '<span class="compatibility-incompatible">' . __( '<strong>Incompatible</strong> with your version of WordPress' ) . '</span>';
                     } else {
-                        echo __( '<strong>Compatible</strong> with your version of WordPress' );
+                        echo '<span class="compatibility-compatible">' . __( '<strong>Compatible</strong> with your version of WordPress' ) . '</span>';
                     }
                     ?>