From d84231b5a2a033c150b2f7c3528d4247986948f1 Mon Sep 17 00:00:00 2001 From: Catherine Tan Date: Mon, 2 Dec 2024 23:56:39 -0800 Subject: [PATCH] [fix] overlay filter options over plant name --- app/seasonal-planting-guide/styles.ts | 2 +- components/PlantCalendarList/styles.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/app/seasonal-planting-guide/styles.ts b/app/seasonal-planting-guide/styles.ts index 7cd454c..9dbb3ca 100644 --- a/app/seasonal-planting-guide/styles.ts +++ b/app/seasonal-planting-guide/styles.ts @@ -14,7 +14,7 @@ export const HeaderContainer = styled.div` box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1); background-color: #fff; position: relative; - z-index: 1; + z-index: 2; `; export const FilterContainer = styled.div` diff --git a/components/PlantCalendarList/styles.ts b/components/PlantCalendarList/styles.ts index 503982e..718fc9b 100644 --- a/components/PlantCalendarList/styles.ts +++ b/components/PlantCalendarList/styles.ts @@ -17,7 +17,7 @@ export const StickyTd = styled(P3).attrs({ position: sticky; left: 0; background-color: white; // Optional: Adds a background color to keep text visible when scrolling - z-index: 2; // Ensures the sticky header is on top of other content + z-index: 1; // Ensures the sticky header is on top of other content `; // Scrollable container for PlantCalendarRow