From 5daa110f7ee9127d104c2bd65c37d53d616f5ff7 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Mon, 13 Apr 2026 13:13:09 +0200
Subject: [PATCH] Make the footer move floating tiles out of the way when shown

If you manage to move your floating video tile to the bottom of the screen in a small landscape window, the footer obscures the tile when shown. The designs want us to smoothly move the floating tile out of the way in this case.
---
 src/room/InCallView.module.css | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/room/InCallView.module.css b/src/room/InCallView.module.css
index 70f7c73a..685cc35c 100644
--- a/src/room/InCallView.module.css
+++ b/src/room/InCallView.module.css
@@ -55,9 +55,8 @@ Please see LICENSE in the repository root for full details.
 }
 
 .footer.overlay {
-  position: absolute;
-  inset-block-end: 0;
-  inset-inline: 0;
+  /* Note that the footer is still position: sticky in this case so that certain
+  tiles can move up out of the way of the footer when visible. */
   opacity: 1;
   transition: opacity 0.15s;
 }
@@ -66,6 +65,11 @@ Please see LICENSE in the repository root for full details.
   display: grid;
   opacity: 0;
   pointer-events: none;
+  /* Switch to position: absolute so the footer takes up no space in the layout
+  when hidden. */
+  position: absolute;
+  inset-block-end: 0;
+  inset-inline: 0;
 }
 
 .footer.overlay:has(:focus-visible) {