From b615f8eb82c1b7a6589c8fd5bf9a05c41c45cca8 Mon Sep 17 00:00:00 2001 From: Angela Li Date: Fri, 24 Aug 2018 15:49:41 -0700 Subject: [PATCH] Add color legend and change font --- dashboard/grid-template.html | 46 ++++++++++++++++++++++++++++++++---- 1 file changed, 41 insertions(+), 5 deletions(-) diff --git a/dashboard/grid-template.html b/dashboard/grid-template.html index 817614b3..1250692e 100644 --- a/dashboard/grid-template.html +++ b/dashboard/grid-template.html @@ -26,6 +26,27 @@ margin: 0.5em; } + legend { + display: block; + padding-left: 2px; + padding-right: 2px; + border: none; + } + + .legend-box { + width: 240px; + height: 20px; + margin: 5px; + border: 1px solid rgba(0, 0, 0, .2); + position: relative; + } + + .row { + display : flex; + align-items : center; + margin-bottom: 15px; + } + td:hover pre { overflow: auto; min-height: 1.2em; @@ -43,7 +64,7 @@ } .self-install_error { - background-color: purple; + background-color: red; } .self-check_warning { @@ -63,24 +84,39 @@ } .check_warning { - background-color: yellow; + background-color: orange; } -Dashboard updated on: {{ current_timestamp }} +Dashboard updated on: {{ current_timestamp }} +
+ Color legend: +
+
Self-Unknown
+
Self-Success
+
Self-InstallError
+
Self-CheckWarning
+
+
+
Pairwise-Unknown
+
Pairwise-Success
+
Pairwise-InstallError
+
Pairwise-CheckWarning
+
+
{% for col_package in packages %} - + {% endfor %} {% for row_package in packages %} {% set row = loop.index0 %} - + {% for col_package in packages %} {% set column = loop.index0 %} {% if column <= row %}
{{ col_package.friendly_name }}{{ col_package.friendly_name }}
{{ row_package.friendly_name }}{{ row_package.friendly_name }}