diff --git a/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx b/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx index 0e9458da..51bba8ff 100644 --- a/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx +++ b/src/frontend/src/features/rooms/livekit/components/ScreenShareZoomControls.tsx @@ -11,6 +11,8 @@ import { import { useTranslation } from 'react-i18next' import { useCallback, useEffect, useRef, useState } from 'react' import { useScreenReaderAnnounce } from '@/hooks/useScreenReaderAnnounce' +import { isMacintosh } from '@/utils/livekit' +import { srOnly } from '@/styles/a11y' interface ScreenShareZoomControlsProps { containerRef: React.RefObject @@ -76,6 +78,11 @@ export const ScreenShareZoomControls = ({ } }, [containerRef]) + const wheelShortcutVisual = isMacintosh() ? '⌘+scroll' : 'Ctrl+scroll' + const wheelShortcutSR = t( + isMacintosh() ? 'wheelShortcutMac' : 'wheelShortcut' + ) + return (
+ + {t(isMacintosh() ? 'wheelShortcutHintMac' : 'wheelShortcutHint')} + {isZoomed && ( <>