ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Media Viewer: Various fixes (follow-up)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-11-01 18:49:00 +01:00
parent a42490686d
commit dc9ee50c46
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/mediaViewer/MediaViewer.tsx
View File

@ -27,7 +27,7 @@ import {
} from '../../global/selectors'; } from '../../global/selectors';
import { stopCurrentAudio } from '../../util/audioPlayer'; import { stopCurrentAudio } from '../../util/audioPlayer';
import captureEscKeyListener from '../../util/captureEscKeyListener'; import captureEscKeyListener from '../../util/captureEscKeyListener';
import { IS_SINGLE_COLUMN_LAYOUT } from '../../util/environment'; import { IS_SINGLE_COLUMN_LAYOUT, IS_TOUCH_ENV } from '../../util/environment';
import { ANIMATION_END_DELAY } from '../../config'; import { ANIMATION_END_DELAY } from '../../config';
import { MEDIA_VIEWER_MEDIA_QUERY } from '../common/helpers/mediaDimensions'; import { MEDIA_VIEWER_MEDIA_QUERY } from '../common/helpers/mediaDimensions';
import windowSize from '../../util/windowSize'; import windowSize from '../../util/windowSize';
@ -151,8 +151,13 @@ const MediaViewer: FC<StateProps> = ({
}, [isVisible]); }, [isVisible]);
useEffect(() => { useEffect(() => {
if (!IS_SINGLE_COLUMN_LAYOUT) return; if (IS_SINGLE_COLUMN_LAYOUT) {
document.body.classList.toggle('is-media-viewer-open', isOpen); document.body.classList.toggle('is-media-viewer-open', isOpen);
}
// Disable user selection if media viewer is open, to prevent accidental text selection
if (IS_TOUCH_ENV) {
document.body.classList.toggle('no-selection', isOpen);
}
}, [isOpen]); }, [isOpen]);
const forceUpdate = useForceUpdate(); const forceUpdate = useForceUpdate();