fix(dashboard): repair bill row layout and escaped 'time TBD' placeholder

- app.js: use plain-text 'time TBD' fallback so it isn't re-escaped by
  esc() and rendered as literal <span class="meta"> markup
- style.css: widen the row's first grid column 22px->76px and add
  white-space:nowrap to .row .num so the chamber chip + bill number
  stop colliding with the title
This commit is contained in:
kfj001 committed 2026-09-06 12:06:44 -07:00
1 parent 5f2db08b43
commit 97d125ca0a
2 files changed
+3 -3

No files matched your search

+1 -1
View File
@@ -67,7 +67,7 @@
var rel = ev.relevance && ev.relevance.score > 0; var rel = ev.relevance && ev.relevance.score > 0;
var cls = "row"; var cls = "row";
if (rel) cls += " relevant " + floatClass(ev); if (rel) cls += " relevant " + floatClass(ev);
var time = ev.hearing_time || '<span class="meta">time TBD</span>'; var time = ev.hearing_time || "time TBD";
var meta = [time, ev.committee, ev.location, ev.session] var meta = [time, ev.committee, ev.location, ev.session]
.filter(Boolean).join(" · "); .filter(Boolean).join(" · ");
var tags = (ev.tags || []).slice(0, 6) var tags = (ev.tags || []).slice(0, 6)
+2 -2
View File
@@ -146,7 +146,7 @@ button.chip-toggle { min-width: 120px; }
/* ---- bill row ---- */ /* ---- bill row ---- */
.row { .row {
display: grid; grid-template-columns: 22px 1fr auto; display: grid; grid-template-columns: 76px 1fr auto;
gap: 10px; align-items: start; gap: 10px; align-items: start;
padding: 10px 10px 10px 0; border-bottom: 1px solid var(--border); padding: 10px 10px 10px 0; border-bottom: 1px solid var(--border);
border-left: 3px solid transparent; padding-left: 8px; border-left: 3px solid transparent; padding-left: 8px;
@@ -157,7 +157,7 @@ button.chip-toggle { min-width: 120px; }
.row.relevant.both { border-left-color: var(--accent); } .row.relevant.both { border-left-color: var(--accent); }
.row .title { font-weight: 600; } .row .title { font-weight: 600; }
.row .meta { color: var(--muted); font-size: 13px; margin-top: 2px; } .row .meta { color: var(--muted); font-size: 13px; margin-top: 2px; }
.row .num { font-family: var(--mono); font-size: 13px; } .row .num { font-family: var(--mono); font-size: 13px; white-space: nowrap; }
.row .why { color: var(--accent); font-size: 12px; cursor: pointer; } .row .why { color: var(--accent); font-size: 12px; cursor: pointer; }
.row .reason { font-size: 12px; color: var(--muted); margin-top: 4px; .row .reason { font-size: 12px; color: var(--muted); margin-top: 4px;
display: none; } display: none; }