Show test names in local_dash
With this, the test names are shown on the result page and we don't need
to hover cursor over the test entries to see the names.
BUG=None
TEST=Check test names are shown.
Change-Id: I7fb8f949e37b356622d4071c59c33c97107845ce
Signed-off-by: Vic Yang <victoryang@chromium.org>
Reviewed-on: https://gerrit.chromium.org/gerrit/51429
Reviewed-by: Tom Wai-Hong Tam <waihong@chromium.org>
diff --git a/utils_py/local_dash/dash_template/static/css/default.css b/utils_py/local_dash/dash_template/static/css/default.css
index 3de250e..2cba2ac 100644
--- a/utils_py/local_dash/dash_template/static/css/default.css
+++ b/utils_py/local_dash/dash_template/static/css/default.css
@@ -268,6 +268,24 @@
margin-right: auto;
}
+.TestName {
+ height: 130px;
+ text-align: center;
+ position: relative;
+}
+
+.TestNameDiv {
+ -webkit-transform: rotate(270deg);
+ font-weight: normal;
+ text-align: left;
+ overflow: hidden;
+ width: 130px;
+ top: 50%;
+ left: 50%;
+ margin: -6px -65px;
+ position: absolute;
+}
+
.DevSlaveBox {
text-align:center;
height:10px;
diff --git a/utils_py/local_dash/dash_template/views/test_view.tpl b/utils_py/local_dash/dash_template/views/test_view.tpl
index 76dca67..ba19165 100644
--- a/utils_py/local_dash/dash_template/views/test_view.tpl
+++ b/utils_py/local_dash/dash_template/views/test_view.tpl
@@ -50,18 +50,13 @@
<table width="96%">
%# First row is a header row
<tr>
- <td with="1%">Test Date</td>
+ <td width="1%">Test Date</td>
<td class="DevSlave Alt last">
<table width="100%">
<tr>
%for test_name in test_results['tests']:
- <td class="DevSlaveBox">
- <a class="info DevSlaveBox"
- onmouseover="fixTooltip(event, this)"
- onmouseout="clearTooltip(this)">
- <span><b>{{test_name}}</b></span>
- </a>
- </td>
+ <td><div class="TestName"><div class="TestNameDiv">{{test_name}}
+ </div></div></td>
%end
</tr>
</table>