Added highlight when hovering over calendar cell

cse110-sp24-group25 · Jun 7, 2024 · 68d87a6 · 68d87a6
1 parent 9b0acc0
commit 68d87a6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/source/calendar/calendar.css b/source/calendar/calendar.css
@@ -604,6 +604,12 @@ td .productivity-icon {
   left: 0;
 }
 
+/* Highlight boxes when hovering over specific calendar cell */
+.a-link:hover {
+  background-color: skyblue;
+  opacity: 0.3;
+}
+
 /* Media query to handle window resizing */
 @media (max-height: 500px) {
   .task-ul {

diff --git a/source/homepage/homepage.css b/source/homepage/homepage.css
@@ -628,6 +628,12 @@ td .task-div {
   z-index: 10;
 }
 
+/* Highlight boxes when hovering over specific calendar cell */
+.a-link:hover {
+  background-color: skyblue;
+  opacity: 0.3;
+}
+
 /* ======== End of Past Week ========== */
 
 /* ******** End of Main Wrap ********** */