github/datasette
1
0
Fork 0
mirror of https://github.com/simonw/datasette.git synced 2025-12-10 16:51:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

Styled facets with different bullets

Browse source
This commit is contained in:
Simon Willison 2020-10-27 11:57:34 -07:00
commit 70566769f1
2 changed files with 14 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
datasette/static/app.css
View file

@ -55,7 +55,12 @@ th {
padding-right: 1em; padding-right: 1em;
white-space: nowrap; white-space: nowrap;
} }
strong {
font-weight: bold;
}
em {
font-style: italic;
}
/* end reset */ /* end reset */
@ -205,11 +210,13 @@ pre {
} }
ul.bullets, ul.bullets,
ul.tight-bullets,
ul.spaced, ul.spaced,
ol.spaced { ol.spaced {
margin-bottom: 0.8rem; margin-bottom: 0.8rem;
} }
ul.bullets { ul.bullets,
ul.tight-bullets {
padding-left: 1.25rem; padding-left: 1.25rem;
} }
ul.bullets li, ul.bullets li,
@ -220,6 +227,10 @@ ol.spaced li {
ul.bullets li { ul.bullets li {
list-style-type: circle; list-style-type: circle;
} }
ul.tight-bullets li {
list-style-type: disc;
margin-bottom: 0;
}
a.not-underlined { a.not-underlined {
text-decoration: none; text-decoration: none;
} }

2
datasette/templates/table.html
View file

@ -132,7 +132,7 @@
<a href="{{ facet_info.toggle_url }}" class="cross">&#x2716;</a> <a href="{{ facet_info.toggle_url }}" class="cross">&#x2716;</a>
{% endif %} {% endif %}
</p> </p>
<ul> <ul class="tight-bullets">
{% for facet_value in facet_info.results %} {% for facet_value in facet_info.results %}
{% if not facet_value.selected %} {% if not facet_value.selected %}
<li><a href="{{ facet_value.toggle_url }}">{{ (facet_value.label if facet_value.label is not none else "_") }}</a> {{ "{:,}".format(facet_value.count) }}</li> <li><a href="{{ facet_value.toggle_url }}">{{ (facet_value.label if facet_value.label is not none else "_") }}</a> {{ "{:,}".format(facet_value.count) }}</li>