From 8d07d552d79a53bf852dc196d0de060664f64935 Mon Sep 17 00:00:00 2001 From: Robin Date: Wed, 20 May 2026 16:03:48 +0200 Subject: [PATCH] Ensure landscape layout is always edge-to-edge on mobile The spotlight landscape layout was edge-to-edge previously, and should remain that way. --- src/state/CallViewModel/CallViewModel.ts | 10 ++++++---- src/state/layout-types.ts | 2 +- 2 files changed, 7 insertions(+), 5 deletions(-) diff --git a/src/state/CallViewModel/CallViewModel.ts b/src/state/CallViewModel/CallViewModel.ts index 3a3e57d7..9532b497 100644 --- a/src/state/CallViewModel/CallViewModel.ts +++ b/src/state/CallViewModel/CallViewModel.ts @@ -1070,10 +1070,12 @@ export function createCallViewModel$( }), ); - const spotlightLandscapeLayoutMedia$: Observable = + const spotlightLandscapeLayoutMedia$ = ( + edgeToEdge: boolean, + ): Observable => combineLatest([grid$, spotlight$], (grid, spotlight) => ({ type: "spotlight-landscape", - edgeToEdge: false, + edgeToEdge, spotlight, grid, })); @@ -1208,7 +1210,7 @@ export function createCallViewModel$( switchMap((expanded) => expanded ? spotlightExpandedLayoutMedia$(false) - : spotlightLandscapeLayoutMedia$, + : spotlightLandscapeLayoutMedia$(false), ), ); } @@ -1234,7 +1236,7 @@ export function createCallViewModel$( case "grid": // Yes, grid mode actually gets you a "spotlight" layout in // this window mode. - return spotlightLandscapeLayoutMedia$; + return spotlightLandscapeLayoutMedia$(true); case "spotlight": return spotlightExpandedLayoutMedia$(true); } diff --git a/src/state/layout-types.ts b/src/state/layout-types.ts index 83a80e9a..2b0d459d 100644 --- a/src/state/layout-types.ts +++ b/src/state/layout-types.ts @@ -26,7 +26,7 @@ export interface GridLayoutMedia { export interface SpotlightLandscapeLayoutMedia { type: "spotlight-landscape"; - edgeToEdge: false; + edgeToEdge: boolean; spotlight: MediaViewModel[]; grid: UserMediaViewModel[]; }