truths: numbered list, no boxes

This commit is contained in:
2026-08-08 20:20:21 +02:00
parent b8f9186555
commit 5eda03ea33
+8 -5
View File
@@ -627,12 +627,14 @@
.tl-chooser-btn:hover { background: rgba(184,138,67,.12); color: var(--paper); } .tl-chooser-btn:hover { background: rgba(184,138,67,.12); color: var(--paper); }
/* Truths */ /* Truths */
.truth-list { display:flex; flex-direction:column; gap:.6rem; margin-top:.8rem; } .truth-list { display:flex; flex-direction:column; gap:.2rem; margin-top:.6rem; }
.truth-item { .truth-item {
display:flex; align-items:flex-start; gap:1rem; display:flex; align-items:baseline; gap:.75rem;
padding:.8rem 1rem; border-left:3px solid var(--brass); font:italic 1rem/1.7 var(--serif); color:var(--paper);
background:rgba(184,138,67,.05); }
font:italic 1rem/1.6 var(--serif); color:var(--paper); .truth-item-n {
font:700 .62rem/1.7 var(--mono); letter-spacing:.1em;
color:var(--brass); flex-shrink:0; opacity:.7;
} }
.truth-item-text { flex:1; } .truth-item-text { flex:1; }
/* Project bar event dots + click zone */ /* Project bar event dots + click zone */
@@ -800,6 +802,7 @@
<div class="truth-list" x-show="game && game.truths && game.truths.length"> <div class="truth-list" x-show="game && game.truths && game.truths.length">
<template x-for="(t, i) in (game && game.truths || [])" :key="i"> <template x-for="(t, i) in (game && game.truths || [])" :key="i">
<div class="truth-item"> <div class="truth-item">
<span class="truth-item-n" x-text="String(i+1).padStart(2,'0')"></span>
<span class="truth-item-text" x-text="t"></span> <span class="truth-item-text" x-text="t"></span>
</div> </div>
</template> </template>