Food variety tiles link to their recipes
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
parent
b385012c45
commit
97ef606bbf
2 changed files with 2 additions and 1 deletions
|
|
@ -2368,7 +2368,7 @@ function reqRow(r) {
|
|||
// Every kind of food: lit when the stockpile holds a day of it, faded red when it doesn't.
|
||||
function foodKinds(r) {
|
||||
return `<div class="food-kinds">${Object.entries(r.foods).map(([id, meals]) =>
|
||||
`<span class="${meals >= r.day ? "" : "missing"}" title="${esc(`${item(id).name} · ${fmt(meals)} / ${fmt(r.day)} meals`)}">${item(id).icon}</span>`).join("")}</div>`;
|
||||
`<span class="${meals >= r.day ? "" : "missing"}"${goto(id)} title="${esc(`${item(id).name} · ${fmt(meals)} / ${fmt(r.day)} meals${gotoTip(id)}`)}">${item(id).icon}</span>`).join("")}</div>`;
|
||||
}
|
||||
|
||||
function raidPrep(ev) {
|
||||
|
|
|
|||
|
|
@ -891,4 +891,5 @@ button.swatch { width: 36px; height: 36px; }
|
|||
border: 1px solid var(--line); border-radius: 7px; background: var(--panel-2); }
|
||||
.food-kinds > span.missing { background: none; border-style: dashed; border-color: rgba(226, 100, 92, .35); }
|
||||
.food-kinds .missing .gi { color: var(--bad) !important; opacity: .3; }
|
||||
.food-kinds > span[data-goto]:hover { border-color: var(--muted); }
|
||||
.mood-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue