From 12e2e3e4c43ff072cbf249df984929f7e6a017aa Mon Sep 17 00:00:00 2001
From: Miranda Zheng <123515762+mirmirmirr@users.noreply.github.com>
Date: Fri, 19 Jun 2026 10:57:06 -0400
Subject: [PATCH 1/4] add angled dashed lines

---
 .../features/event/grid/timeblocks/base.tsx    | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/features/event/grid/timeblocks/base.tsx b/frontend/src/features/event/grid/timeblocks/base.tsx
index c98c3e6e0..4c7710c9f 100644
--- a/frontend/src/features/event/grid/timeblocks/base.tsx
+++ b/frontend/src/features/event/grid/timeblocks/base.tsx
@@ -53,6 +53,24 @@ export default function BaseTimeBlock({
           gridTemplateRows: `repeat(${numQuarterHours}, minmax(20px, 1fr))`,
         }}
       >
+        {Array.from({ length: visibleDaysCount }).map((_, idx) => (
+          <div
+            key={`col-backdrop-${idx}`}
+            className="bg-background"
+            style={{
+              gridRow: "1 / -1",
+              gridColumn: idx + 1,
+              backgroundImage: `repeating-linear-gradient(
+                45deg, 
+                color-mix(in srgb, var(--color-foreground) 10%, transparent) 0px, 
+                color-mix(in srgb, var(--color-foreground) 10%, transparent) 10px, 
+                color-mix(in srgb, var(--color-background) 10%, transparent) 10px, 
+                color-mix(in srgb, var(--color-background) 10%, transparent) 11px
+              )`,
+            }}
+          />
+        ))}
+
         {children}
       </div>
 

From 589afbf827ab697c403737d186f48b91b009bef9 Mon Sep 17 00:00:00 2001
From: Miranda Zheng <123515762+mirmirmirr@users.noreply.github.com>
Date: Wed, 24 Jun 2026 13:15:52 -0400
Subject: [PATCH 2/4] adjust gradient spacing

---
 frontend/src/features/event/grid/timeblocks/base.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/features/event/grid/timeblocks/base.tsx b/frontend/src/features/event/grid/timeblocks/base.tsx
index 4c7710c9f..95280ab31 100644
--- a/frontend/src/features/event/grid/timeblocks/base.tsx
+++ b/frontend/src/features/event/grid/timeblocks/base.tsx
@@ -63,9 +63,9 @@ export default function BaseTimeBlock({
               backgroundImage: `repeating-linear-gradient(
                 45deg, 
                 color-mix(in srgb, var(--color-foreground) 10%, transparent) 0px, 
-                color-mix(in srgb, var(--color-foreground) 10%, transparent) 10px, 
-                color-mix(in srgb, var(--color-background) 10%, transparent) 10px, 
-                color-mix(in srgb, var(--color-background) 10%, transparent) 11px
+                color-mix(in srgb, var(--color-foreground) 10%, transparent) 8px, 
+                color-mix(in srgb, var(--color-background) 10%, transparent) 8px, 
+                color-mix(in srgb, var(--color-background) 10%, transparent) 9.5px
               )`,
             }}
           />

From 63bdbcbabc05e03148c28fac9497f74af6d6daf8 Mon Sep 17 00:00:00 2001
From: Miranda Zheng <123515762+mirmirmirr@users.noreply.github.com>
Date: Wed, 24 Jun 2026 13:18:54 -0400
Subject: [PATCH 3/4] add cursor not allowed

---
 frontend/src/features/event/grid/timeblocks/base.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/features/event/grid/timeblocks/base.tsx b/frontend/src/features/event/grid/timeblocks/base.tsx
index 95280ab31..55a27b1cf 100644
--- a/frontend/src/features/event/grid/timeblocks/base.tsx
+++ b/frontend/src/features/event/grid/timeblocks/base.tsx
@@ -56,7 +56,7 @@ export default function BaseTimeBlock({
         {Array.from({ length: visibleDaysCount }).map((_, idx) => (
           <div
             key={`col-backdrop-${idx}`}
-            className="bg-background"
+            className="bg-background hover:cursor-not-allowed"
             style={{
               gridRow: "1 / -1",
               gridColumn: idx + 1,

From dc9facf8237cee5905f95d9cded5dba484cc5575 Mon Sep 17 00:00:00 2001
From: Miranda Zheng <123515762+mirmirmirr@users.noreply.github.com>
Date: Sat, 25 Jul 2026 12:33:33 -0400
Subject: [PATCH 4/4] clear hovered time slot

---
 frontend/src/features/event/grid/timeblocks/base.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/frontend/src/features/event/grid/timeblocks/base.tsx b/frontend/src/features/event/grid/timeblocks/base.tsx
index 55a27b1cf..2eea3cce3 100644
--- a/frontend/src/features/event/grid/timeblocks/base.tsx
+++ b/frontend/src/features/event/grid/timeblocks/base.tsx
@@ -57,6 +57,7 @@ export default function BaseTimeBlock({
           <div
             key={`col-backdrop-${idx}`}
             className="bg-background hover:cursor-not-allowed"
+            onMouseEnter={onMouseLeave}
             style={{
               gridRow: "1 / -1",
               gridColumn: idx + 1,