Sea Select options: fixed-width chunks + 2-line spread names (add Rider-) — TDD

- The option chunks' width tracked the select label length (jumped between the
  two spreads). Fix the `.sea-form-col` to 19rem (a touch wider) so all three
  chunks share a standard width.
- Split the spread label onto two lines around the comma + add the "Rider-"
  prefix now there's room: "Celtic Cross," / "Rider-Waite-Smith" and "Celtic
  Cross," / "Escape Velocity". combobox.js now writes the current label via
  `innerHTML` (not textContent) so the `<br>` survives a selection — plain-text
  options (sky / my_sea) are unaffected (their innerHTML == textContent).
- ITs updated for the new gameroom labels (my_sea's single-line names untouched).
  953 epic+gameboard ITs + Jasmine green.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-06-08 00:25:11 -04:00
parent 2bf439eab5
commit 0a6bfcf6cc
4 changed files with 18 additions and 20 deletions

View File

@@ -120,12 +120,14 @@ html.sea-open .sea-page.sea-page--room {
// is its own --priUser rounded rectangle (the GAME POST .form-control look).
.sea-page--room .sea-options-col .sea-form-col {
background: transparent;
width: auto;
min-width: 15rem;
max-width: 22rem;
width: 19rem; // FIXED — independent of the select option text length
max-width: 90vw;
padding: 0;
gap: 0.6rem;
}
// The selected-spread label wraps to two lines (around the comma) — let it sit
// left-aligned + tight, the <br> in the option label does the splitting.
.sea-page--room .sea-options-col .sea-select-current { line-height: 1.15; }
.sea-page--room .sea-options-col .sea-form-main {
flex: 0 0 auto;
overflow: visible;
@@ -162,15 +164,6 @@ html.sea-open .sea-page.sea-page--room {
gap: 0.75rem;
}
// A disabled btn (OK × / DEL ×) inside a --priUser chunk would BLEND into it —
// the global `.btn-disabled` bg is also --priUser → no visible circle. Drop them
// to the felt --duoUser so they read as a distinct disabled circle (like the
// deck-stack FLIP ×, user-spec 2026-06-08). The active/depress treatment is
// irrelevant here (the btns are inert).
.sea-page--room .sea-options-col .btn-disabled {
background-color: rgba(var(--duoUser), 1) !important;
}
// Pre-confirm: only the options show (the cross is hidden), filling the aperture
// (mirrors `body:not(.sky-saved) .sky-wheel-col{display:none}`).
.sea-page--room:not(.sea-spread-chosen) .sea-cross-col { display: none; }