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) {