chris/solitare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix draw interaction and add background click to clear selection

Browse Source
This commit is contained in:
chris 2026-05-25 01:01:44 -04:00
parent 82b0c00585
commit 9a6aa261b0
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
pyramid.js
View File

@ -212,7 +212,8 @@
const isTop = (i === waste.length - 1);
el.style.top = `${wRect.top - boardTop + PILE_BORDER_WIDTH}px`;
el.style.left = `${wRect.left - boardLeft + PILE_BORDER_WIDTH}px`;
el.style.zIndex = 50 + i;
// Base z-index for waste is 500, +i to stack correctly
el.style.zIndex = 500 + i;
el.classList.add('is-flipped');
el.classList.toggle('is-exposed', isTop);
});
@ -305,6 +306,12 @@
}
function handleStockClick() {
// Clear current selection when drawing/recycling
if (selectedCard) {
cardElements[selectedCard.id].classList.remove('is-selected');
selectedCard = null;
}
if (stock.length > 0) {
const card = stock.pop();
card.faceUp = true;
@ -391,6 +398,12 @@
handleCardClick(cardEl.dataset.id);
return;
}
// If we click the board background but NOT a card or a pile, clear selection
if (selectedCard && !cardEl && !pileEl) {
cardElements[selectedCard.id].classList.remove('is-selected');
selectedCard = null;
}
});
document.addEventListener('gameModeChanged', (e) => {