diff --git a/apps/client/src/externals.ts b/apps/client/src/externals.ts index 2cc5c1549..28121b2ee 100644 --- a/apps/client/src/externals.ts +++ b/apps/client/src/externals.ts @@ -23,6 +23,7 @@ export const isDev = import.meta.env.DEV; export const currentHostName = window.location.hostname; export const isLocalhost = currentHostName === 'localhost' || currentHostName === '127.0.0.1'; export const isOntimeCloud = document.querySelector('base')?.hasAttribute('data-is-cloud') +export const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0; // resolve entrypoint URLs diff --git a/apps/client/src/features/operator/Operator.tsx b/apps/client/src/features/operator/Operator.tsx index f46ac1f3a..112ef7451 100644 --- a/apps/client/src/features/operator/Operator.tsx +++ b/apps/client/src/features/operator/Operator.tsx @@ -9,6 +9,7 @@ import { useWindowTitle } from '../../common/hooks/useWindowTitle'; import { cx } from '../../common/utils/styleUtils'; import { throttle } from '../../common/utils/throttle'; import { getDefaultFormat } from '../../common/utils/time'; +import { isTouchDevice } from '../../externals'; import Loader from '../../views/common/loader/Loader'; import EditModal from './edit-modal/EditModal'; @@ -122,7 +123,9 @@ function Operator({ rundown, rundownMetadata, customFields, settings }: Operator {canEdit && ( -
Press and hold to edit user field
+
+ {isTouchDevice ? 'Press and hold to edit user field' : 'Right click to edit user field'} +
)}