diff options
| -rwxr-xr-x | templates/web/fixmystreet/reports/index.html | 46 | ||||
| -rw-r--r-- | web/cobrands/fixmystreet/base.scss | 39 |
2 files changed, 62 insertions, 23 deletions
diff --git a/templates/web/fixmystreet/reports/index.html b/templates/web/fixmystreet/reports/index.html index 633e96022..eb0c9d412 100755 --- a/templates/web/fixmystreet/reports/index.html +++ b/templates/web/fixmystreet/reports/index.html @@ -6,30 +6,30 @@ <p>[% loc('This is a summary of all reports on this site; select a particular council to see the reports sent there.') %][% loc('Greyed-out lines are councils that no longer exist.') %]</p> </div> -<table cellpadding="3" cellspacing="1" border="0"> -<tr> -<th>[% loc('Name') %]</th> -<th>[% loc('New problems') %]</th> -<th>[% loc('Older problems') %]</th> -<th>[% loc('Old problems,<br>state unknown') %]</th> -<th>[% loc('Recently fixed') %]</th> -<th>[% loc('Older fixed') %]</th> -</tr> +<table cellpadding="3" cellspacing="1" border="0" class="nicetable"> + <thead> + <th class="title">[% loc('Name') %]</th> + <th class="data">[% loc('New <br>problems') %]</th> + <th class="data">[% loc('Older <br>problems') %]</th> + <th class="data">[% loc('Old / unknown <br>problems') %]</th> + <th class="data">[% loc('Recently <br>fixed') %]</th> + <th class="data">[% loc('Older <br>fixed') %]</th> + </thead> -[% FOREACH area IN areas_info_sorted %] -<tr align="center" -[%- IF area.generation_high == 10 %] class="gone" -[%- ELSIF loop.count % 2 %] class="a" -[%- END -%] -> -<td align="left"><a href="[% area.url %]">[% area.name %]</a></td> -<td>[% open.${area.id}.new or 0 %]</td> -<td>[% open.${area.id}.older or 0 %]</td> -<td>[% open.${area.id}.unknown or 0 %]</td> -<td>[% fixed.${area.id}.new or 0 %]</td> -<td>[% fixed.${area.id}.old or 0 %]</td> -</tr> -[% END %] + [% FOREACH area IN areas_info_sorted %] + <tr align="center" + [%- IF area.generation_high == 10 %] class="gone" + [%- ELSIF loop.count % 2 %] class="a" + [%- END -%] + > + <td class="title"><a href="[% area.url %]">[% area.name %]</a></td> + <td class="data">[% open.${area.id}.new or 0 %]</td> + <td class="data">[% open.${area.id}.older or 0 %]</td> + <td class="data">[% open.${area.id}.unknown or 0 %]</td> + <td class="data">[% fixed.${area.id}.new or 0 %]</td> + <td class="data">[% fixed.${area.id}.old or 0 %]</td> + </tr> + [% END %] </table> [% INCLUDE 'footer.html' pagefooter => 'yes' %]
\ No newline at end of file diff --git a/web/cobrands/fixmystreet/base.scss b/web/cobrands/fixmystreet/base.scss index 6b3a66233..e846cfe1b 100644 --- a/web/cobrands/fixmystreet/base.scss +++ b/web/cobrands/fixmystreet/base.scss @@ -984,6 +984,45 @@ a:hover.rap-notes-trigger { } } + +table.nicetable { + width:100%; + margin-bottom:2em; + thead { + border-bottom:0.25em solid #ccc; + th { + font-size:0.75em; + } + } + tr { + &:nth-child(even) { + background:#f6f6f6; + } + &:hover { + background:#FFF5CC; + cursor:pointer; + } + td { + padding:0.25em; + a { + color:#333; + &:hover { + text-decoration:none; + } + } + } + } + .title { + text-align:left; + } + .data { + width:12%; + } +} + + + + // this is a bit of a hack to get some differentation between desk and mobile .desk-only { display:none !important; |