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.
2026-08-20 20:49:20 +00:00 · 2026-04-13 13:13:09 +02:00
1 changed files with 7 additions and 3 deletions
--- 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) {