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>

diff --git a/Open-ILS/src/templates/opac/css/style.css.tt2 b/Open-ILS/src/templates/opac/css/style.css.tt2
index d97989d..3bb93ee 100644 (file)
--- 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 eda641d..2d8492d 100644 (file)
--- 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 fed133a..45dff0f 100644 (file)
--- 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 %]