Hide facet button is now a ✖ - refs #255

simonw · May 16, 2018 · 436dd11 · 436dd11
1 parent b5bf3da
commit 436dd11
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/datasette/static/app.css b/datasette/static/app.css
@@ -239,7 +239,7 @@ a.not-underlined {
 }
 .facet-info {
     width: 250px;
-    margin-right: 20px;
+    margin-right: 15px;
 }
 .facet-info li,
 .facet-info ul {
@@ -250,3 +250,10 @@ a.not-underlined {
     padding-left: 1.25em;
     margin-bottom: 1em;
 }
+.facet-info-name a:link,
+.facet-info-name a:visited,
+.facet-info-name a:hover,
+.facet-info-name a:focus,
+.facet-info-name a:active {
+    text-decoration: none;
+}
diff --git a/datasette/templates/table.html b/datasette/templates/table.html
@@ -104,7 +104,7 @@ <h3>{% if filtered_table_rows_count or filtered_table_rows_count == 0 %}{{ "{:,}
     <div class="facet-results">
         {% for facet_info in sorted_facet_results %}
             <div class="facet-info facet-{{ database|to_css_class }}-{{ table|to_css_class }}-{{ facet_info.name|to_css_class }}">
-                <p><strong>{{ facet_info.name }}</strong> (<a href="{{ path_with_removed_args(request, {'_facet': facet_info['name']}) }}">-</a>)</p>
+                <p class="facet-info-name"><strong>{{ facet_info.name }}</strong> <a href="{{ path_with_removed_args(request, {'_facet': facet_info['name']}) }}">&#x2716;</a></p>
                 <ul>
                     {% for facet_value in facet_info.results %}
                         <li><a href="{{ facet_value.toggle_url }}">{{ facet_value.label }}</a> {{ "{:,}".format(facet_value.count) }}</li>