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

Phone Call: Fix header overlapping with native buttons in Electron (follow-up) (#3750)

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-08-16 15:27:51 +02:00
parent 0dc5857247
commit 9a07fd1b73
2 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/calls/group/GroupCall.module.scss
View File

@ -166,6 +166,10 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0.375rem 0.875rem; padding: 0.375rem 0.875rem;
:global(body.is-electron) .root:not(.appFullscreen) & {
padding-left: 5rem;
}
} }
.videosHeaderLastButton { .videosHeaderLastButton {

3
src/components/calls/group/GroupCall.tsx
View File

@ -26,6 +26,7 @@ import useAppLayout from '../../../hooks/useAppLayout';
import useGroupCallVideoLayout from './hooks/useGroupCallVideoLayout'; import useGroupCallVideoLayout from './hooks/useGroupCallVideoLayout';
import { useIntersectionObserver, useIsIntersecting } from '../../../hooks/useIntersectionObserver'; import { useIntersectionObserver, useIsIntersecting } from '../../../hooks/useIntersectionObserver';
import useLastCallback from '../../../hooks/useLastCallback'; import useLastCallback from '../../../hooks/useLastCallback';
import { useFullscreenStatus } from '../../../hooks/useFullscreen';
import Button from '../../ui/Button'; import Button from '../../ui/Button';
import Modal from '../../ui/Modal'; import Modal from '../../ui/Modal';
@ -105,6 +106,7 @@ const GroupCall: FC<OwnProps & StateProps> = ({
const [isFullscreen, openFullscreen, closeFullscreen] = useFlag(); const [isFullscreen, openFullscreen, closeFullscreen] = useFlag();
const [isSidebarOpen, openSidebar, closeSidebar] = useFlag(true); const [isSidebarOpen, openSidebar, closeSidebar] = useFlag(true);
const isLandscapeLayout = Boolean(isFullscreen && isLandscape); const isLandscapeLayout = Boolean(isFullscreen && isLandscape);
const isAppFullscreen = useFullscreenStatus();
const firstPresentation = useMemo(() => { const firstPresentation = useMemo(() => {
return Object.values(participants).find(({ presentation }) => presentation); return Object.values(participants).find(({ presentation }) => presentation);
@ -253,6 +255,7 @@ const GroupCall: FC<OwnProps & StateProps> = ({
className={buildClassName( className={buildClassName(
styles.root, styles.root,
(isFullscreen || isMobile) && styles.fullscreen, (isFullscreen || isMobile) && styles.fullscreen,
isAppFullscreen && styles.appFullscreen,
isLandscapeLayout && styles.landscape, isLandscapeLayout && styles.landscape,
!hasVideoParticipants && styles.noVideoParticipants, !hasVideoParticipants && styles.noVideoParticipants,
!isLandscapeLayout && styles.portrait, !isLandscapeLayout && styles.portrait,