Manage icon display on categories

2 files changed, 23 insertions, 2 deletions

diff --git a/chimere/static/chimere/css/styles.css b/chimere/static/chimere/css/styles.css
index d1036a8..92da25e 100644
--- a/chimere/static/chimere/css/styles.css
+++ b/chimere/static/chimere/css/styles.css
@@ -2240,10 +2240,13 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
     display: none;
 }
 
-.description_icon{
+.subcategory-icon, .description_icon{
     position: absolute;
     right: 5px;
     padding: 3px;
+}
+
+.description_icon{
     background-color: white;
     border: 1px solid #999;
     border-radius: 5px;
@@ -2251,6 +2254,24 @@ span#permalink, .navbar-nav .lbl, #areas-div label, #permalink, #simple_button,
     display: none;
 }
 
+.subcategory-icon{
+    margin-top: 2px;
+}
+
+.subcategory-icon img{
+    max-height: 20px;
+}
+
+.subcategory .category-icon-off,
+.subcategory > .selected .category-icon-on{
+    display: block;
+}
+
+.subcategory .category-icon-on,
+.subcategory > .selected .category-icon-off{
+     display: none;
+}
+
 .rslides {
     position: relative;
     list-style: none;
diff --git a/chimere/static/chimere/js/jquery.chimere.js b/chimere/static/chimere/js/jquery.chimere.js
index 15adbe3..319e93a 100644
--- a/chimere/static/chimere/js/jquery.chimere.js
+++ b/chimere/static/chimere/js/jquery.chimere.js
@@ -1821,7 +1821,7 @@ function transformCoordToLonLat(coord) {
                 $('.subcategories li input').bind("click", function (e) {
                     $('#search-result').html('');
                     var c_name = $(this).attr('name');
-                    c_name = c_name.substr(c_name.lastIndexOf("_")+1);
+                    c_name = c_name.substr(c_name.lastIndexOf("_") + 1);
                     var par = $(this).parent();
                     if ($(this).prop('checked')){
                         par.addClass('selected');