Beautify check counts in the patch list view

This patch [1] adds colors to the checks in the patch list view.
The colors are set based on the check's priority, with FAILURE
having the highest priority, followed by WARNING, and then SUCCESS.
Only the check with the highest priority and non-zero count
will be colored. This is to make failures and warnings more visible.

The patch also [2] replaces zero counts with a '-' for
FAILUREs and WARNINGs.
The SUCCESS count will only be replaced by a '-'
when all other checks have zero counts too.

Suggested-by: Thomas Monjalon <thomas@monjalon.net>
Signed-off-by: Ali Alnubani <alialnu@mellanox.com>
Signed-off-by: Stephen Finucane <stephen@that.guru>

1 files changed, 20 insertions, 0 deletions

diff --git a/htdocs/css/style.css b/htdocs/css/style.css
index af2f073..c0f4561 100644
--- a/htdocs/css/style.css
+++ b/htdocs/css/style.css
@@ -236,6 +236,26 @@ table.patchmeta tr th, table.patchmeta tr td {
 	text-decoration: underline;
 }
 
+.patchlistchecks {
+	display: inline-block;
+	border-radius: 7px;
+	min-width: 0.9em;
+	padding: 0 2px;
+	text-align: center;
+}
+
+.patchlistchecks.success {
+	background-color: #82ca9d;
+}
+
+.patchlistchecks.warning {
+	background-color: #ffc95e;
+}
+
+.patchlistchecks.fail {
+	background-color: #ff5555;
+}
+
 .checks .state {
 	font-weight: bold;
 	color: #ddd;