diff options
| author | Kenneth Graunke <kenneth@whitecape.org> | 2012-02-23 01:55:22 -0800 |
|---|---|---|
| committer | Kenneth Graunke <kenneth@whitecape.org> | 2013-05-08 11:35:04 -0700 |
| commit | ba885e6efb359963820d9ee21ac05796cd873120 (patch) | |
| tree | b8212d08f9bc743a8113351a4da16d9dcec933c9 /templates | |
| parent | f53c96f69557891846494541eee55a24737605e3 (diff) | |
html: Use CSS for indenting table rows rather than colspan.
Previously, we indented groups of tests by adding 10 columns
of whitespace to the table and adding colspan. This is pretty
ugly; we really should use CSS for things like this.
The new CSS-based approach should work with deeper nesting levels,
and simplifies the tables.
Signed-off-by: Kenneth Graunke <kenneth@whitecape.org>
Reviewed-by: Dylan Baker <baker.dylan.c@gmail.com>
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.css | 11 | ||||
| -rw-r--r-- | templates/index.html | 17 | ||||
| -rw-r--r-- | templates/index_group.html | 3 | ||||
| -rw-r--r-- | templates/index_test.html | 3 |
4 files changed, 16 insertions, 18 deletions
diff --git a/templates/index.css b/templates/index.css index 207465e51..6d9e903a3 100644 --- a/templates/index.css +++ b/templates/index.css @@ -2,6 +2,9 @@ table { border: 0pt; border-collapse: collapse; + padding-left: 1.75em; + padding-right: 1.75em; + width: 100%; } tr { @@ -12,6 +15,14 @@ td { padding: 4pt; } +td:first-child { + padding: 0; +} + +td:first-child > div { + padding: 4pt; +} + .title { background-color: #c8c838; } diff --git a/templates/index.html b/templates/index.html index ff347df5d..400dde313 100644 --- a/templates/index.html +++ b/templates/index.html @@ -12,27 +12,16 @@ <p> Show: %(showlinks)s </p> - <table width="95%%"> + <table> <colgroup> - <!-- 9 columns for indent --> - <col width="5pt" /> - <col width="20pt" /> - <col width="20pt" /> - <col width="20pt" /> - <col width="20pt" /> - <col width="20pt" /> - <col width="20pt" /> - <col width="20pt" /> - <col width="20pt" /> - - <!-- remaining name column --> + <!-- name column --> <col /> <!-- status column --> %(testruns)s </colgroup> <tr> - <td colspan="10" /> + <td/> %(testrunsb)s </tr> %(group)s diff --git a/templates/index_group.html b/templates/index_group.html index 9c72bcff7..9f80a7c6f 100644 --- a/templates/index_group.html +++ b/templates/index_group.html @@ -1,6 +1,5 @@ <tr> - <td colspan="%(indent)s"> </td> - <td class="head" colspan="%(tenindent)s"><b>%(name)s</b></td> + <td><div style="margin-left: %(indent)sem" class="head"><b>%(name)s</b></div></td> %(testruns)s </tr> %(items)s diff --git a/templates/index_test.html b/templates/index_test.html index 0c3bdde6a..4b0964e7c 100644 --- a/templates/index_test.html +++ b/templates/index_test.html @@ -1,5 +1,4 @@ <tr> - <td colspan="%(indent)s"> </td> - <td class="%(alternate)s" colspan="%(tenindent)s">%(name)s</td> + <td><div style="margin-left: %(indent)sem" class="%(alternate)s">%(name)s</div></td> %(testruns)s </tr> |