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;