diff --git a/news/templates/triage.html b/news/templates/triage.html index 4c23cf4..dd40e02 100644 --- a/news/templates/triage.html +++ b/news/templates/triage.html @@ -34,7 +34,18 @@ .tag.lane-alert\:interest { color:var(--accent); border-color:currentColor; } .tag.demote { color:var(--warn); border-color:currentColor; } .srcs { list-style:none; padding:0; margin:.35rem 0 0; } - .srcs li { font-size:.83rem; margin:.12rem 0; color:var(--muted); } + .srcs li { font-size:.83rem; margin:.12rem 0; color:var(--muted); + display:flex; gap:.45rem; align-items:baseline; } + .when { font-variant-numeric:tabular-nums; font-size:.75rem; opacity:.75; + min-width:2.6rem; } + .outlet { font-size:.75rem; opacity:.8; white-space:nowrap; } + .more { margin-top:.15rem; } + .more summary { font-size:.78rem; color:var(--accent); cursor:pointer; + list-style:none; padding:.15rem 0; } + .more summary::-webkit-details-marker { display:none; } + .more summary::before { content:"\25B8 "; display:inline-block; + transition:transform .12s; } + .more[open] summary::before { transform:rotate(90deg); } .srcs a { color:inherit; text-decoration:none; border-bottom:1px solid var(--rule); } .acts { display:flex; gap:.4rem; margin-top:.5rem; } button { font:inherit; font-size:.83rem; padding:.22rem .7rem; cursor:pointer; @@ -79,11 +90,25 @@ {% if r.demote %}demoted: {{ r.demote }}{% endif %} + {% if r.sources|length > 3 %} +
+ {{ r.sources|length - 3 }} more report{{ '' if r.sources|length == 4 else 's' }} + across {{ r.sources|map(attribute='name')|unique|list|length }} outlets + +
+ {% endif %}
@@ -103,6 +128,7 @@ i interested n not interested o open + e expand