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:
@@ -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; }
|
||||
|
||||
Reference in New Issue
Block a user