From 8c8984e6b40cbeb740cfeb29390e6213c6108d93 Mon Sep 17 00:00:00 2001 From: Benji Grant Date: Sun, 18 Jun 2023 09:44:56 +1000 Subject: [PATCH] Allow mobile scrolling on viewer --- .../src/components/AvailabilityEditor/AvailabilityEditor.tsx | 1 + .../components/AvailabilityViewer/AvailabilityViewer.module.scss | 1 - 2 files changed, 1 insertion(+), 1 deletion(-) diff --git a/frontend/src/components/AvailabilityEditor/AvailabilityEditor.tsx b/frontend/src/components/AvailabilityEditor/AvailabilityEditor.tsx index d46cb6e..2666cce 100644 --- a/frontend/src/components/AvailabilityEditor/AvailabilityEditor.tsx +++ b/frontend/src/components/AvailabilityEditor/AvailabilityEditor.tsx @@ -89,6 +89,7 @@ const AvailabilityEditor = ({ times, timezone, value = [], onChange, table }: Av key={y} className={makeClass(styles.time, selecting.length === 0 && styles.editable)} style={{ + touchAction: 'none', backgroundColor: isSelected ? palette[1].string : palette[0].string, '--hover-color': isSelected ? palette[0].highlight : palette[1].highlight, ...cell.minute !== 0 && cell.minute !== 30 && { borderTopColor: 'transparent' }, diff --git a/frontend/src/components/AvailabilityViewer/AvailabilityViewer.module.scss b/frontend/src/components/AvailabilityViewer/AvailabilityViewer.module.scss index 1c7d1df..0a05856 100644 --- a/frontend/src/components/AvailabilityViewer/AvailabilityViewer.module.scss +++ b/frontend/src/components/AvailabilityViewer/AvailabilityViewer.module.scss @@ -104,7 +104,6 @@ height: 10px; background-origin: border-box; transition: background-color .1s; - touch-action: none; position: relative; border-top-width: 2px;