From: Mark Cooper <markchristophercooper@gmail.com>
Date: Wed, 5 Dec 2012 23:18:54 +0000 (-0800)
Subject: Add an 'X' icon to the left of facets to emphasize
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=59266b5965724051cee536e66ce71c6db18d1900;p=working%2FEvergreen.git

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 d97989dd3c..4ca248961d 100644
--- 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 fed133ab8d..ec7a5cc789 100644
--- 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
index 0000000000..9394929250
Binary files /dev/null and b/Open-ILS/web/opac/images/facet_remove.png differ