diff --git a/beango/css/beango.css b/beango/css/beango.css
index 7998f96..6821a75 100644
--- a/beango/css/beango.css
+++ b/beango/css/beango.css
@@ -90,9 +90,9 @@ body {
/* NEW: Style for highlighted search results */
.bingo-cell.highlighted {
border-color: #3b82f6; /* Tailwind blue-500 */
- border-width: 3px;
- transform: scale(1.05);
- box-shadow: 0 0 15px rgba(59, 130, 246, 0.6); /* Stronger blue glow */
+ border-width: 3px; /* Reverted from 4px */
+ transform: scale(1.05); /* Reverted from 1.07 */
+ box-shadow: 0 0 15px rgba(59, 130, 246, 0.8); /* Increased opacity from 0.6 (Kept) */
z-index: 10; /* Ensure highlighted cells are visually on top if overlapping happens during scale */
}
diff --git a/beango/index.html b/beango/index.html
index 1fc884f..d85fb24 100644
--- a/beango/index.html
+++ b/beango/index.html
@@ -36,9 +36,7 @@
-
+
diff --git a/beango/js/beango.js b/beango/js/beango.js
index ed86d76..f7f03c7 100644
--- a/beango/js/beango.js
+++ b/beango/js/beango.js
@@ -806,6 +806,11 @@ function randomizeBoard() {
applyMarkedCellStyle(cell); // Reset marked styles (which also calls applyCellStyle)
});
+ // Explicitly remove any existing highlights BEFORE clearing the search input
+ const currentlyHighlighted = board.querySelectorAll('.bingo-cell.highlighted');
+ currentlyHighlighted.forEach(cell => cell.classList.remove('highlighted'));
+
+ clearSearch(); // Clear search highlights and input
clearMarks(false); // Clear visual marks
saveBoardState(); // Save the new randomized state (including cleared marks)
showNotification('Board randomized!', 'success');
@@ -930,6 +935,22 @@ function getMarkedIndices() {
return indices;
}
+// --- Clear Search Input and Highlights ---
+function clearSearch() {
+ const searchInput = document.getElementById('search-input');
+ if (searchInput) {
+ searchInput.value = ''; // Clear the input field
+ // Trigger the input event listener to ensure highlights are removed
+ searchInput.dispatchEvent(new Event('input'));
+ }
+ // It's technically redundant to remove the class here now, as the
+ // event listener triggered above should handle it, but it doesn't hurt.
+ const highlightedCells = document.querySelectorAll('#bingo-board .bingo-cell.highlighted');
+ highlightedCells.forEach(cell => {
+ cell.classList.remove('highlighted'); // Remove highlight class
+ });
+}
+
// --- Load State on Page Load ---
function loadFromLocalStorage() {
const savedSize = localStorage.getItem(LS_BOARD_SIZE) || "5"; // Default to 5
@@ -1391,6 +1412,10 @@ function loadFromLocalStorage() {
saveCellStyleSettings();
refreshCellStyles();
});
+
+ clearSearch(); // Clear search highlights and input
+ clearMarks(false); // Clear visual marks
+ saveBoardState(); // Save the new randomized state (including cleared marks)
}
// --- Function to make all cells square and equal size ---