Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-04-15 07:50:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make the footer move floating tiles out of the way when shown

Browse Source 
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.
This commit is contained in:
Robin
2026-04-13 13:13:09 +02:00
parent fae3c4195f
commit 5daa110f7e
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/room/InCallView.module.css
View File

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