diff options
| author | Zarino Zappia <mail@zarino.co.uk> | 2017-08-14 12:31:36 +0100 |
|---|---|---|
| committer | Matthew Somerville <matthew-github@dracos.co.uk> | 2017-08-15 15:22:22 +0100 |
| commit | 2a202b9cdbaaabb19d785c4be6936d5088b941cc (patch) | |
| tree | 3a055b8d7658bd0831c2ea2a80a769b425a35c49 | |
| parent | 36deff73c55b2c69e7313f152d4894b0f8650c84 (diff) | |
Clearer highlight for selected duplicate on inspect form
Fixes mysociety/fixmystreetforcouncils#211.
| -rw-r--r-- | templates/web/base/report/_inspect.html | 4 | ||||
| -rw-r--r-- | web/cobrands/sass/_base.scss | 15 |
2 files changed, 17 insertions, 2 deletions
diff --git a/templates/web/base/report/_inspect.html b/templates/web/base/report/_inspect.html index 8551fb1f8..9626ee669 100644 --- a/templates/web/base/report/_inspect.html +++ b/templates/web/base/report/_inspect.html @@ -98,7 +98,7 @@ <input type="hidden" name="duplicate_of" value="[% problem.duplicate_of.id %]"> <p class="[% "hidden" UNLESS problem.duplicate_of %]"><strong>[% loc('Duplicate of') %]</strong></p> <p class="[% "hidden" IF problem.duplicate_of %]">[% loc('Which report is it a duplicate of?') %]</p> - <ul class="item-list"> + <ul class="item-list item-list--inspect-duplicates"> [% IF problem.duplicate_of %] [% INCLUDE 'report/_item.html' item_extra_class = 'item-list--reports__item--selected' problem = problem.duplicate_of %] <li class="item-list__item"><a class="btn" href="#" id="js-change-duplicate-report">[% loc('Choose another') %]</a></li> @@ -107,7 +107,7 @@ </div> [% IF problem.duplicates.size %] <p><strong>[% loc('Duplicates') %]</strong></p> - <ul class="item-list"> + <ul class="item-list item-list--inspect-duplicates"> [% FOR duplicate IN problem.duplicates %] [% INCLUDE 'report/_item.html' problem = duplicate %] [% END %] diff --git a/web/cobrands/sass/_base.scss b/web/cobrands/sass/_base.scss index 65abd8421..3a7501993 100644 --- a/web/cobrands/sass/_base.scss +++ b/web/cobrands/sass/_base.scss @@ -1187,6 +1187,21 @@ input.final-submit { } } +// List of potential duplicate reports (or a single confirmed duplicate) +// that appears in Inspector form, when closing a report as a duplicate. +.item-list--inspect-duplicates { + border-bottom: none; + + .item-list__item { + background-color: rgba(255, 255, 255, 0.5); + } + + .item-list--reports__item--selected { + border: 0.25em solid $primary; + background-color: #fff; + } +} + .item-list__heading { font-size: 1em; font-weight: normal; |