SIG SELECT FYI: .card-ref spans in Schizo effects; Energy/Operation singular titles; .sig-info CSS fix — TDD

- migration 0009: re-seeds The Schizo energies/operations w. .card-ref spans on all card titles
  (1. The Priest, 2. The Occultist, 2. Pestilence, 1. The Pervert, etc.)
- migration 0008: updated data constants to match (fresh-install canonical source)
- sig-select.js: title reads "Energy" / "Operation" (singular)
- _card-deck.scss: .sig-info-tooltip → .sig-info (fixes invisible panel + broken dismiss);
  Energy + Operation titles both use --quaUser (gold --terUser reserved for .card-ref spans)

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-04-28 20:44:50 -04:00
parent 239da7e5b1
commit 4852113fbd
6 changed files with 79 additions and 24 deletions

View File

@@ -286,7 +286,7 @@ html:has(.sig-backdrop) {
}
// Caution tooltip — covers the entire stat block (inset: 0), z-index above buttons.
.sig-info-tooltip {
.sig-info {
display: none;
position: absolute;
inset: 0;
@@ -311,7 +311,7 @@ html:has(.sig-backdrop) {
font-size: calc(var(--sig-card-w, 120px) * 0.093);
font-weight: 700;
margin: 0;
&--energies { color: rgba(var(--terUser), 1); }
&--energies { color: rgba(var(--quaUser), 1); }
&--operations { color: rgba(var(--quaUser), 1); }
}
@@ -390,7 +390,7 @@ html:has(.sig-backdrop) {
&.sig-stage--frozen .sig-stat-block { display: block; }
&.sig-info-open .sig-stat-block {
.sig-info-tooltip { display: flex; }
.sig-info { display: flex; }
.sig-info-prev, .sig-info-next { display: inline-flex; }
}
}
@@ -620,7 +620,7 @@ html:has(.sig-backdrop) {
}
// Caution tooltip: --tooltip-bg is black so priUser text (dark) would be invisible —
// override to secUser (light) so body text reads against the dark backdrop.
.sig-info-tooltip { color: rgba(var(--secUser), 1); }
.sig-info { color: rgba(var(--secUser), 1); }
// Polarity qualifier: terUser for gravity (quiUser is levity's equivalent)
.sig-qualifier-above,
.sig-qualifier-below { color: rgba(var(--terUser), 1); }

View File

@@ -247,21 +247,21 @@ describe("SigSelect", () => {
expect(infoEffect.querySelector(".card-ref").textContent).toBe("Card");
});
it("energy entry sets title to 'Energies' with --energies modifier class", () => {
it("energy entry sets title to 'Energy' with --energies modifier class", () => {
card.dataset.energies = JSON.stringify([
{ type: "NUMEN", effect: "An energy entry." }
]);
openFYI();
expect(infoTitle.textContent).toBe("Energies");
expect(infoTitle.textContent).toBe("Energy");
expect(infoTitle.classList.contains("sig-info-title--energies")).toBe(true);
});
it("operation entry sets title to 'Operations' with --operations modifier class", () => {
it("operation entry sets title to 'Operation' with --operations modifier class", () => {
card.dataset.operations = JSON.stringify([
{ type: "COVER", effect: "An operation entry." }
]);
openFYI();
expect(infoTitle.textContent).toBe("Operations");
expect(infoTitle.textContent).toBe("Operation");
expect(infoTitle.classList.contains("sig-info-title--operations")).toBe(true);
});
@@ -285,7 +285,7 @@ describe("SigSelect", () => {
card.dataset.operations = JSON.stringify([{ type: "COVER", effect: "O1" }]);
openFYI();
infoNext.dispatchEvent(new MouseEvent("click", { bubbles: true }));
expect(infoTitle.textContent).toBe("Operations");
expect(infoTitle.textContent).toBe("Operation");
expect(infoTitle.classList.contains("sig-info-title--operations")).toBe(true);
expect(infoTitle.classList.contains("sig-info-title--energies")).toBe(false);
});