Plugins: Add plugin icons to the plugin list tables.

To mirror theme list table behaviour, the plugin icon now appears next to plugins in the plugin list tables. For plugins that don't have an icon, or non-W.org plugins, a fallback dashicon is shown.

Props melchoyce, afercia, paulwilde, pento, obenland.
Fixes #30186.



git-svn-id: https://develop.svn.wordpress.org/trunk@41695 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Gary Pendergast
2017-10-03 00:24:31 +00:00
parent 88db798f62
commit 942482993d
3 changed files with 43 additions and 10 deletions

View File

@@ -1286,15 +1286,34 @@ ul.cat-checklist {
border-left: 4px solid #00a0d2;
}
#wpbody-content .plugins .plugin-title,
#wpbody-content .plugins .theme-title {
padding-right: 12px;
white-space:nowrap;
.wp-list-table.plugins .plugin-title,
.wp-list-table.plugins .theme-title {
white-space: nowrap;
}
.updates-table-screenshot {
float:left;
padding: 0 10px 5px 0;
.wp-list-table.plugins .theme-title {
padding-right: 12px;
}
.wp-list-table.plugins .plugin-title {
padding-right: 86px; /* 64 (icon width) + 10 (icon padding) + 12 (title padding) = 86 */
}
.plugins .plugin-title img,
.plugins .plugin-title .dashicons {
float: left;
padding: 0 10px 0 0;
width: 64px;
height: 64px;
}
.plugins .plugin-title .dashicons:before {
font-size: 64px;
}
#update-themes-table .plugin-title img,
#update-themes-table .plugin-title .dashicons {
width: 85px;
}
.plugins .inactive .plugin-title strong {