From 9951d7947b8ecaff15f31f0a8311cf8226e70cca Mon Sep 17 00:00:00 2001 From: Audric Ackermann Date: Fri, 5 Nov 2021 14:01:41 +1100 Subject: [PATCH] topright position for initial draggable call container --- ts/components/session/calling/DraggableCallContainer.tsx | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/ts/components/session/calling/DraggableCallContainer.tsx b/ts/components/session/calling/DraggableCallContainer.tsx index 44bade08c..3946f2733 100644 --- a/ts/components/session/calling/DraggableCallContainer.tsx +++ b/ts/components/session/calling/DraggableCallContainer.tsx @@ -17,7 +17,7 @@ import { useAvatarPath, useConversationUsername } from '../../../hooks/useParamS export const DraggableCallWindow = styled.div` position: absolute; z-index: 9; - box-shadow: var(--color-session-shadow); + box-shadow: 0px 0px 10px 0px #000000; max-height: 300px; width: 12vw; display: flex; @@ -67,8 +67,10 @@ export const DraggableCallContainer = () => { const selectedConversationKey = useSelector(getSelectedConversationKey); const hasOngoingCall = useSelector(getHasOngoingCall); - const [positionX, setPositionX] = useState(window.innerWidth / 2); - const [positionY, setPositionY] = useState(window.innerHeight / 2); + // the draggable container has a width of 12vw, so we just set it's X to a bit more than this + const [positionX, setPositionX] = useState(window.innerWidth - (window.innerWidth * 1) / 6); + // 90 px is a bit below the conversation header height + const [positionY, setPositionY] = useState(90); const [lastPositionX, setLastPositionX] = useState(0); const [lastPositionY, setLastPositionY] = useState(0);