LotusGuild/element-call
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #3978 from element-hq/app-bar-media-foreground

Browse Source 
Ensure that foreground elements of media tile do not overlap app bar
This commit is contained in:
Timo
2026-05-20 21:36:43 +08:00
committed by GitHub
parent eaa049433a 7b32135328
commit ae20f59dea
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/room/InCallView.tsx
+10 -3
View File
@@ -522,12 +522,19 @@ export const InCallView: FC<InCallViewProps> = ({
// If edge-to-edge, compute new safe area insets that account for the // If edge-to-edge, compute new safe area insets that account for the
// header and footer. // header and footer.
"--call-view-safe-area-inset-top": "--call-view-safe-area-inset-top":
edgeToEdge && header && showHeader edgeToEdge && headerStyle !== HeaderStyle.None && showHeader
? `calc(env(safe-area-inset-top) + ${headerBounds.height}px)` ? // Header has two relevant cases: if it's an app bar, it lives
// outside the InCallView and consumes the safe area insets
// itself. Otherwise account for the safe area and header size
// as part of the InCallView.
headerStyle === HeaderStyle.AppBar
? `${bounds.top}px`
: `calc(env(safe-area-inset-top) + ${headerBounds.height}px)`
: undefined, : undefined,
"--call-view-safe-area-inset-bottom": "--call-view-safe-area-inset-bottom":
edgeToEdge && showFooter edgeToEdge && showFooter
? `calc(env(safe-area-inset-bottom) + ${footerBounds.height}px)` ? // Footer always lives inside the InCallView.
`calc(env(safe-area-inset-bottom) + ${footerBounds.height}px)`
: undefined, : undefined,
}} }}
model={layout} model={layout}