diff --git a/src/components/calls/group/GroupCall.module.scss b/src/components/calls/group/GroupCall.module.scss index 6d0a4f1e8..c7659d90b 100644 --- a/src/components/calls/group/GroupCall.module.scss +++ b/src/components/calls/group/GroupCall.module.scss @@ -166,6 +166,10 @@ display: flex; align-items: center; padding: 0.375rem 0.875rem; + + :global(body.is-electron) .root:not(.appFullscreen) & { + padding-left: 5rem; + } } .videosHeaderLastButton { diff --git a/src/components/calls/group/GroupCall.tsx b/src/components/calls/group/GroupCall.tsx index 718f253f3..04b65108a 100644 --- a/src/components/calls/group/GroupCall.tsx +++ b/src/components/calls/group/GroupCall.tsx @@ -26,6 +26,7 @@ import useAppLayout from '../../../hooks/useAppLayout'; import useGroupCallVideoLayout from './hooks/useGroupCallVideoLayout'; import { useIntersectionObserver, useIsIntersecting } from '../../../hooks/useIntersectionObserver'; import useLastCallback from '../../../hooks/useLastCallback'; +import { useFullscreenStatus } from '../../../hooks/useFullscreen'; import Button from '../../ui/Button'; import Modal from '../../ui/Modal'; @@ -105,6 +106,7 @@ const GroupCall: FC = ({ const [isFullscreen, openFullscreen, closeFullscreen] = useFlag(); const [isSidebarOpen, openSidebar, closeSidebar] = useFlag(true); const isLandscapeLayout = Boolean(isFullscreen && isLandscape); + const isAppFullscreen = useFullscreenStatus(); const firstPresentation = useMemo(() => { return Object.values(participants).find(({ presentation }) => presentation); @@ -253,6 +255,7 @@ const GroupCall: FC = ({ className={buildClassName( styles.root, (isFullscreen || isMobile) && styles.fullscreen, + isAppFullscreen && styles.appFullscreen, isLandscapeLayout && styles.landscape, !hasVideoParticipants && styles.noVideoParticipants, !isLandscapeLayout && styles.portrait,