diff --git a/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx b/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx index 7a0e8fab5..59af53827 100644 --- a/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx +++ b/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx @@ -7,6 +7,8 @@ import { RiZoomOutLine, } from '@remixicon/react' import { useTranslation } from 'react-i18next' +import { isMacintosh } from '@/utils/livekit' +import { srOnly } from '@/styles/a11y' import { ScreenShareFullscreenButton } from './ScreenShareFullscreenButton' interface ScreenShareZoomControlsProps { @@ -32,6 +34,8 @@ export const ScreenShareZoomControls = ({ }: ScreenShareZoomControlsProps) => { const { t } = useTranslation('rooms', { keyPrefix: 'screenShareZoom' }) + const wheelShortcut = t(isMacintosh() ? 'wheelShortcutMac' : 'wheelShortcut') + return (
+ + {t(isMacintosh() ? 'wheelShortcutHintMac' : 'wheelShortcutHint')} + {isZoomed && ( <>