Make the facet browser a bit more like ting

Highlight terms when selected instead of line-through, put box
around the facets.

diff --git a/mkdru.css b/mkdru.css
index 9d01ef3..5e16bd2 100644 (file)
--- a/mkdru.css
+++ b/mkdru.css
@@ -1,10 +1,30 @@
-a.cross:hover {
-  text-decoration: line-through;
+#mkdru-raw-facet-container a.cross {
+  background-color: #A7AFB8;
+  color: black;
+  text-decoration: none !important;
+}
+
+#mkdru-raw-facet-container  a.cross:hover {
+  background-color: #D6D6D6;
+  color: black;
+  text-decoration: none !important;
+}
+
+#mkdru-raw-facet-container a:hover {
+  background-color: #A7AFB8;
+  color: black;
+  text-decoration: none !important;
+}
+
+.mkdru-facet-list-container {
+  font-size: 11px;
+  font-family: Arial, sans-serif;
 }
 
 .mkdru-facets-table {
   table-layout: fixed;
-  width: 700px;
+  width: 670px;
+  border: 1px solid #D6D6D6;
 }
 
 .mkdru-result-description {

diff --git a/mkdru.theme.js b/mkdru.theme.js
index 4b0638f..bcbc9cd 100644 (file)
--- a/mkdru.theme.js
+++ b/mkdru.theme.js
@@ -175,7 +175,8 @@ Drupal.theme.prototype.mkdruFacetContainer = function (facetsCfg) {
     html += '<legend><span class="fieldset-legend">'+f.displayName
       +'</span></legend>';
     html += '<div class="fieldset-wrapper">';
-    html += '<div class="mkdru-facet-'+f.originalKey+'"/>';
+    html += '<div class="mkdru-facet-list-container mkdru-facet-'
+      +f.originalKey+'"/>';
     html += '</div>';
     html += '</fieldset></td>'
   }