Use rowspans to align Jobs reference in evaluations rendering

This commit is contained in:
Kevin Quick 2018-12-16 22:26:44 -08:00
parent 0e7593a4a1
commit dfce2ad69a
2 changed files with 18 additions and 11 deletions

View file

@ -408,25 +408,27 @@ BLOCK renderEvals %]
<table class="table table-condensed table-striped clickable-rows"> <table class="table table-condensed table-striped clickable-rows">
<thead> <thead>
<tr> <tr>
<th>#</th> <th rowspan="2">#</th>
[% IF !jobset && !build %] [% IF !jobset && !build %]
<th>Jobset</th> <th rowspan="2">Jobset</th>
[% END %] [% END %]
<th style="width: 10em">Date</th> <th rowspan="2" style="width: 10em">Date</th>
<th>Input changes</th> <th rowspan="2">Input changes</th>
<th style="width: 2.5em"> <th colspan="3">Jobs</th>
Jobs<br> <th rowspan="2">
<img src="[% c.uri_for("/static/images/delta.svg") %]" height="12" width="12" title="Delta" alt="Delta" class="build-status" />
</th>
</tr>
<tr>
<th style="width: 2em">
<img src="[% c.uri_for("/static/images/emojione-check-2714.svg") %]" height="12" width="12" title="Succeeded" alt="Succeeded" class="build-status" /> <img src="[% c.uri_for("/static/images/emojione-check-2714.svg") %]" height="12" width="12" title="Succeeded" alt="Succeeded" class="build-status" />
</th> </th>
<th style="width: 2.5em"> <th style="width: 2em">
<img src="[% c.uri_for("/static/images/emojione-red-x-274c.svg") %]" height="12" width="12" title="Failed" alt="Failed" class="build-status" /> <img src="[% c.uri_for("/static/images/emojione-red-x-274c.svg") %]" height="12" width="12" title="Failed" alt="Failed" class="build-status" />
</th> </th>
<th style="width: 2.5em"> <th style="width: 2em">
<img src="[% c.uri_for("/static/images/emojione-question-2754.svg") %]" height="12" width="12" title="Queued" alt="Queued" class="build-status" /> <img src="[% c.uri_for("/static/images/emojione-question-2754.svg") %]" height="12" width="12" title="Queued" alt="Queued" class="build-status" />
</th> </th>
<th>
<img src="[% c.uri_for("/static/images/delta.svg") %]" height="12" width="12" title="Delta" alt="Delta" class="build-status" />
</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>

View file

@ -142,3 +142,8 @@ td.step-status span.warn {
color: #aaaa00; color: #aaaa00;
font-weight: bold; font-weight: bold;
} }
/* Assumes borders are never desired in multi-row table heads */
.table thead th {
border-top: 0;
}