discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sea Select options: disabled-btn contrast + AUTO DRAW scrolls back to the cross

Browse Source 
- A disabled OK/DEL × inside a --priUser option chunk blended into it (the global
  `.btn-disabled` bg is also --priUser → no visible circle). Drop the disabled
  btns in `.sea-options-col` to the felt --duoUser so they read as a distinct
  disabled circle, like the deck-stack FLIP ×.
- AUTO DRAW now eases the felt back UP to the cross even when the user already
  OK'd the spread + scrolled DOWN to the options page — so he watches the cards
  land one-by-one. `_chooseSpread(slideIn)`: the OK reveal pins to the options
  (slide-in from above); AUTO DRAW (already chosen) skips the pin + just eases up
  to the cross. `_scrollToCross` now eases from the current scroll position.
- 12 PickSeaUnifiedFeltTest render ITs green.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Disco DeDisco
2026-06-08 00:14:25 -04:00
parent 1fe257a7a9
commit 2bf439eab5
2 changed files with 29 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/templates/apps/gameboard/_partials/_sea_overlay.html
View File

@@ -214,20 +214,26 @@ via epic:sea_save. `?seat` threads the CARTE-selected seat onto the action URLs.
// shunt to page 2); lock the combobox; ease the scroller up to the cross.
// Idempotent. Triggered by OK and (defensively) by AUTO DRAW.
var _spreadChosen = page.classList.contains('sea-spread-chosen');
function _chooseSpread() {
if (_spreadChosen) return;
_spreadChosen = true;
page.classList.add('sea-spread-chosen');
function _chooseSpread(slideIn) {
if (!_spreadChosen) {
_spreadChosen = true;
page.classList.add('sea-spread-chosen');
slideIn = true; // the first reveal always slides in from below
}
// NB: the combobox is NOT locked here — the spread stays changeable (scroll
// up) until the FIRST card is drawn, when _lockSpread() + _setHasDrawn(true)
// disable the select + OK together (user-spec 2026-06-07).
// `slideIn` (OK reveal) pins to the options (page 2) first so the cross
// slides in from above. AUTO DRAW fired from a scrolled-down options page
// skips the pin + just eases UP to the cross (so the user watches the draw).
if (slideIn) {
var opts = overlay.querySelector('.sea-options-col');
if (opts) page.scrollTop = opts.offsetTop;
}
_scrollToCross();
}
function _scrollToCross() {
// Pin to the options (now page 2) so the cross slides in from above, then ease
// up to the cross (page 1) — mirrors the sky felt's form-shunt reveal.
var opts = overlay.querySelector('.sea-options-col');
if (opts) page.scrollTop = opts.offsetTop;
// Ease the scroller UP to the cross (page 1, scrollTop 0) from wherever it is.
if (page.scrollTop === 0) return;
var start = page.scrollTop, t0 = null, DUR = 320;
function step(now) {
@@ -241,7 +247,7 @@ via epic:sea_save. `?seat` threads the CARTE-selected seat onto the action URLs.
}
if (okBtn) okBtn.addEventListener('click', function () {
if (okBtn.classList.contains('btn-disabled')) return;
_chooseSpread();
_chooseSpread(true);
});
// First card drawn → DEL un-disables ("DEL") + OK disables ("×"), simultaneous
@@ -359,7 +365,11 @@ via epic:sea_save. `?seat` threads the CARTE-selected seat onto the action URLs.
// ── AUTO DRAW — confirm the spread (reveal the cross) then commit + animate.
function _autoDraw() {
_chooseSpread(); // ensure the cross is revealed before dealing onto it
// Reveal the cross if not yet, AND scroll back UP to it even when the user
// already OK'd + scrolled down to the options page — so he watches the cards
// land one-by-one (user-spec 2026-06-08). `_chooseSpread(false)` skips the
// slide-in pin when already chosen, just easing up to the cross.
_chooseSpread(false);
var order = _currentOrder();
var remaining = order.length - _filled;
if (remaining <= 0) return;