diff options
| -rw-r--r-- | src/client/views/nodes/calendarBox/CalendarBox.scss | 7 | ||||
| -rw-r--r-- | src/client/views/nodes/calendarBox/CalendarBox.tsx | 5 |
2 files changed, 9 insertions, 3 deletions
diff --git a/src/client/views/nodes/calendarBox/CalendarBox.scss b/src/client/views/nodes/calendarBox/CalendarBox.scss index e3e0bae4b..a607846df 100644 --- a/src/client/views/nodes/calendarBox/CalendarBox.scss +++ b/src/client/views/nodes/calendarBox/CalendarBox.scss @@ -1,3 +1,4 @@ +.calendarBox-interactive, .calendarBox { display: flex; width: 100%; @@ -5,6 +6,7 @@ transform-origin: top left; overflow: auto; > div { + pointer-events: none; width: 100%; height: 100%; .fc-timegrid-body { @@ -24,3 +26,8 @@ } } } +.calendarBox-interactive { + > div { + pointer-events: unset; + } +} diff --git a/src/client/views/nodes/calendarBox/CalendarBox.tsx b/src/client/views/nodes/calendarBox/CalendarBox.tsx index 2d6c8c9a4..504dc2559 100644 --- a/src/client/views/nodes/calendarBox/CalendarBox.tsx +++ b/src/client/views/nodes/calendarBox/CalendarBox.tsx @@ -4,7 +4,7 @@ import interactionPlugin from '@fullcalendar/interaction'; import multiMonthPlugin from '@fullcalendar/multimonth'; import timeGrid from '@fullcalendar/timegrid'; import FullCalendar from '@fullcalendar/react'; -import { IReactionDisposer, action, computed, makeObservable, observable, reaction, trace, untracked } from 'mobx'; +import { IReactionDisposer, action, computed, makeObservable, observable, reaction, untracked } from 'mobx'; import { observer } from 'mobx-react'; import * as React from 'react'; import { dateRangeStrToDates } from '../../../../ClientUtils'; @@ -227,11 +227,10 @@ export class CalendarBox extends CollectionSubView() { } render() { - trace(); return ( <div key={this.calendarViewType} - className="calendarBox" + className={`calendarBox${this._props.isContentActive() ? '-interactive' : ''}`} onPointerDown={e => { setTimeout( action(() => { |