Add an 'X' icon to the left of facets to emphasize

that selected facets can be removed by re-clicking the facet link.
Icon is resized version of cancel-icon-u.png.

Signed-off-by: Mark Cooper <markchristophercooper@gmail.com>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index d97989d..4ca2489 100644 (file)
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1000,7 +1000,7 @@ div.facet_sidebar {
 
 .facet_template .facet {
     float:left;
-    width:124px;
+    width:118px;
 }
 
 .facet_template .count {
@@ -1009,7 +1009,7 @@ div.facet_sidebar {
     padding-right:11px;
 }
 
-.facet_template_selected {
+.facet_template_selected .facet {
     background-color: [% css_colors.accent_lighter2 %];
 }
 
@@ -1018,6 +1018,11 @@ div.facet_sidebar {
     padding-right: 0.5em;
 }
 
+.facet_remove {
+    margin-left: -0.9em;
+    margin-right: 0.1em;
+}
+
 #footer-wrap {
     background: linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);
     background: -moz-linear-gradient([% css_colors.primary_fade %], [% css_colors.primary %]);

diff --git a/Open-ILS/src/templates/opac/parts/result/facets.tt2 b/Open-ILS/src/templates/opac/parts/result/facets.tt2
index fed133a..ec7a5cc 100644 (file)
--- a/Open-ILS/src/templates/opac/parts/result/facets.tt2
+++ b/Open-ILS/src/templates/opac/parts/result/facets.tt2
@@ -103,9 +103,9 @@ FOR facet IN sorted_facets;
                     <div class="facet_template facet_template_selected">
                         <div class="facet">
                             [% IF new_facets.size == 0 %]
-                            <a href="[% mkurl('', {}, ['facet']) %]">[% display_value %]</a>
+                            <a href="[% mkurl('', {}, ['facet']) %]"><img class="facet_remove" src="[% ctx.media_prefix %]/opac/images/facet_remove.png" />[% display_value %]</a>
                             [% ELSE %]
-                            <a href="[% mkurl('', {facet => new_facets}) %]">[% display_value %]</a>
+                            <a href="[% mkurl('', {facet => new_facets}) %]"><img class="facet_remove" src="[% ctx.media_prefix %]/opac/images/facet_remove.png" />[% display_value %]</a>
                             [% END %]
                         </div>
                         <div class="count">([% facet_data.count %])</div>

diff --git a/Open-ILS/web/opac/images/facet_remove.png b/Open-ILS/web/opac/images/facet_remove.png
new file mode 100644 (file)
index 0000000..9394929
Binary files /dev/null and b/Open-ILS/web/opac/images/facet_remove.png differ