From 29964e6065a71fd168c6bb255079bd1f71cd0f7c Mon Sep 17 00:00:00 2001
From: Mark Cooper <markchristophercooper@gmail.com>
Date: Wed, 5 Dec 2012 11:48:22 -0800
Subject: [PATCH] Add an 'X' (red by default) to the left of facets to
 emphasize that selected facets can be removed by re-clicking the facet link.

Signed-off-by: Mark Cooper <markchristophercooper@gmail.com>
---
 Open-ILS/src/templates/opac/css/style.css.tt2       | 5 +++++
 Open-ILS/src/templates/opac/parts/css/colors.tt2    | 1 +
 Open-ILS/src/templates/opac/parts/result/facets.tt2 | 1 +
 3 files changed, 7 insertions(+)

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index d97989dd3c..3bb93eec80 100644
--- a/Open-ILS/src/templates/opac/css/style.css.tt2
+++ b/Open-ILS/src/templates/opac/css/style.css.tt2
@@ -1018,6 +1018,11 @@ div.facet_sidebar {
     padding-right: 0.5em;
 }
 
+.facet_remove {
+    color: [% css_colors.facet_remove %];
+    font-weight: bold;
+}
+
 #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/css/colors.tt2 b/Open-ILS/src/templates/opac/parts/css/colors.tt2
index eda641d72c..2d8492d071 100644
--- a/Open-ILS/src/templates/opac/parts/css/colors.tt2
+++ b/Open-ILS/src/templates/opac/parts/css/colors.tt2
@@ -31,6 +31,7 @@
         button_text = "#fbf9f9", # off-white 
         button_text_shadow = "#555555", # medium grey
         table_heading = "#d8d8d8", # grey-blue
+        facet_remove = "red", # red
     };
     
 %]
diff --git a/Open-ILS/src/templates/opac/parts/result/facets.tt2 b/Open-ILS/src/templates/opac/parts/result/facets.tt2
index fed133ab8d..45dff0f24e 100644
--- a/Open-ILS/src/templates/opac/parts/result/facets.tt2
+++ b/Open-ILS/src/templates/opac/parts/result/facets.tt2
@@ -102,6 +102,7 @@ FOR facet IN sorted_facets;
                 %] 
                     <div class="facet_template facet_template_selected">
                         <div class="facet">
+                            <span class="facet_remove">X</span>
                             [% IF new_facets.size == 0 %]
                             <a href="[% mkurl('', {}, ['facet']) %]">[% display_value %]</a>
                             [% ELSE %]
-- 
2.11.0