diff --git a/src/app/components/CallEmbedProvider.tsx b/src/app/components/CallEmbedProvider.tsx index 4a4130de6..de91075bf 100644 --- a/src/app/components/CallEmbedProvider.tsx +++ b/src/app/components/CallEmbedProvider.tsx @@ -89,6 +89,8 @@ import { zIndices } from '../styles/zIndex'; const PIP_MIN_W = 200; const PIP_MIN_H = 112; +/** Default PiP top: just below the 64px-ish room header. */ +const PIP_DEFAULT_TOP = 72; type Corner = 'se' | 'sw' | 'ne' | 'nw'; @@ -1064,8 +1066,11 @@ export function CallEmbedProvider({ children }: CallEmbedProviderProps) { el.style.left = `${Math.max(0, Math.min(savedPos.left, window.innerWidth - 280))}px`; el.style.top = `${Math.max(0, Math.min(savedPos.top, window.innerHeight - 158))}px`; } else { - el.style.left = `${window.innerWidth - 280 - 16}px`; - el.style.top = `${window.innerHeight - 158 - 72}px`; + // [Gitea #323] First use: top-right under the room header, over the + // timeline. Bottom-right sat on the composer (Send / Emoji, and on + // phones the whole message box), so typing landed on the call. + el.style.left = `${Math.max(0, window.innerWidth - 280 - 16)}px`; + el.style.top = `${PIP_DEFAULT_TOP}px`; } el.style.width = '280px'; el.style.height = '158px';