From 44f01c116ef3db8e6f4b87c036839116e8121f14 Mon Sep 17 00:00:00 2001 From: Luke Vella Date: Mon, 14 Aug 2023 15:24:28 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Only=20make=20date=20sticky=20if?= =?UTF-8?q?=20there=20are=20multiple=20time=20slots?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../web/src/components/poll/desktop-poll/poll-header.tsx | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/apps/web/src/components/poll/desktop-poll/poll-header.tsx b/apps/web/src/components/poll/desktop-poll/poll-header.tsx index 8b03cb189..04a7f7d9c 100644 --- a/apps/web/src/components/poll/desktop-poll/poll-header.tsx +++ b/apps/web/src/components/poll/desktop-poll/poll-header.tsx @@ -114,15 +114,12 @@ const PollHeader: React.FunctionComponent = () => { width: 80, maxWidth: 90, height: dayRowHeight, - // could enable this to make the date column sticky - left: firstOfDay ? 240 : 0, + left: firstOfDay && !lastOfDay ? 240 : 0, top: monthRowHeight, }} className={cn( - "sticky space-y-2 align-top", - firstOfDay - ? "z-20 bg-gradient-to-r from-transparent to-white" - : "z-10 bg-white", + "sticky space-y-2 bg-white align-top", + firstOfDay ? "z-20" : "z-10", )} > {firstOfDay ? null : }