scott/crabfit
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Allow mobile scrolling on viewer

Browse source
This commit is contained in:
Benji Grant 2023-06-18 09:44:56 +10:00
parent 78eb51d735
commit 8c8984e6b4
2 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/components/AvailabilityEditor/AvailabilityEditor.tsx
View file

@ -89,6 +89,7 @@ const AvailabilityEditor = ({ times, timezone, value = [], onChange, table }: Av
key={y} key={y}
className={makeClass(styles.time, selecting.length === 0 && styles.editable)} className={makeClass(styles.time, selecting.length === 0 && styles.editable)}
style={{ style={{
touchAction: 'none',
backgroundColor: isSelected ? palette[1].string : palette[0].string, backgroundColor: isSelected ? palette[1].string : palette[0].string,
'--hover-color': isSelected ? palette[0].highlight : palette[1].highlight, '--hover-color': isSelected ? palette[0].highlight : palette[1].highlight,
...cell.minute !== 0 && cell.minute !== 30 && { borderTopColor: 'transparent' }, ...cell.minute !== 0 && cell.minute !== 30 && { borderTopColor: 'transparent' },

1
frontend/src/components/AvailabilityViewer/AvailabilityViewer.module.scss
View file

@ -104,7 +104,6 @@
height: 10px; height: 10px;
background-origin: border-box; background-origin: border-box;
transition: background-color .1s; transition: background-color .1s;
touch-action: none;
position: relative; position: relative;
border-top-width: 2px; border-top-width: 2px;