From 12c5698f57b9a28e9ed9e7faf83745c99f83618d Mon Sep 17 00:00:00 2001
From: Doug Masiero <doug@moeny.ai>
Date: Tue, 25 Feb 2025 00:36:59 -0500
Subject: [PATCH] Fix hover empty cal cells

---
 db/freesched.db  | Bin 20480 -> 20480 bytes
 public/admin.js  |  15 ++++++++++++++-
 public/public.js |  15 ++++++++++++++-
 3 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/db/freesched.db b/db/freesched.db
index db96ce2447df8af3b69c774eae84131501574341..717d16ae0d09fc2a60e444cb689576e58e31e5f9 100644
GIT binary patch
delta 54
zcmZozz}T>Wae_1>^F$eEM&^wPbL3eptxU`|DX<7IF$ioHRCvZeae@dN7XuK$xd4c)
B4aWcg

delta 104
zcmZozz}T>Wae_1>%S0JxMwX2UbL3e}t&9veDX<8zG4elU;D5SVP~kSesw5+exT0i9
uYH^97k%5t^u7Q!Rk*S%Lfk8no7Xt$WBmWx){x?9SkN8D|fhsxCR005Q;~8oI

diff --git a/public/admin.js b/public/admin.js
index 5e60d88..5572b4c 100644
--- a/public/admin.js
+++ b/public/admin.js
@@ -64,7 +64,9 @@ async function renderAdminCalendar(month, year) {
     // Create blank cells for days before the first day of the month
     for (let i = 0; i < firstDay; i++) {
         const blank = document.createElement('div');
-        blank.classList.add('date-item', 'p-2', 'rounded-pill', 'text-center', 'text-muted');
+        blank.classList.add('date-item', 'p-2', 'rounded-pill', 'text-center', 'text-muted', 'empty-cell');
+        blank.style.cursor = 'default'; // Remove pointer cursor
+        blank.style.pointerEvents = 'none'; // Disable hover and click events
         adminCalendarDates.appendChild(blank);
     }
 
@@ -828,6 +830,17 @@ document.addEventListener('DOMContentLoaded', async () => {
             font-weight: bold !important;
         }
         
+        /* Prevent hover effects on empty calendar cells */
+        .date-item.empty-cell {
+            cursor: default !important;
+            pointer-events: none !important;
+        }
+        
+        .date-item.empty-cell:hover {
+            background-color: transparent !important;
+            transform: none !important;
+        }
+        
         /* Time picker styling */
         #visualTimePicker {
             box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
diff --git a/public/public.js b/public/public.js
index eee58c7..8a39484 100644
--- a/public/public.js
+++ b/public/public.js
@@ -43,6 +43,17 @@ document.addEventListener('DOMContentLoaded', async () => {
             color: white !important; /* White text for better contrast */
             font-weight: bold !important;
         }
+        
+        /* Prevent hover effects on empty calendar cells */
+        .date-item.empty-cell {
+            cursor: default !important;
+            pointer-events: none !important;
+        }
+        
+        .date-item.empty-cell:hover {
+            background-color: transparent !important;
+            transform: none !important;
+        }
     `;
     document.head.appendChild(style);
     
@@ -119,7 +130,9 @@ document.addEventListener('DOMContentLoaded', async () => {
         // Create blank cells for days before the first day of the month
         for (let i = 0; i < firstDay; i++) {
             const blank = document.createElement('div');
-            blank.classList.add('date-item', 'p-2', 'rounded-pill', 'text-center', 'text-muted');
+            blank.classList.add('date-item', 'p-2', 'rounded-pill', 'text-center', 'text-muted', 'empty-cell');
+            blank.style.cursor = 'default'; // Remove pointer cursor
+            blank.style.pointerEvents = 'none'; // Disable hover and click events
             calendarDates.appendChild(blank);
         }