LotusGuild/element-call
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #3869 from element-hq/footer-space

Browse Source 
Make the footer move floating tiles out of the way when shown
This commit is contained in:
Valere Fedronic
2026-04-13 15:46:20 +02:00
committed by GitHub
parent 3b0dce33a2 5daa110f7e
commit 23eadfcc9f
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/room/InCallView.module.css
+7 -3
View File
@@ -55,9 +55,8 @@ Please see LICENSE in the repository root for full details.
} }
.footer.overlay { .footer.overlay {
position: absolute; /* Note that the footer is still position: sticky in this case so that certain
inset-block-end: 0; tiles can move up out of the way of the footer when visible. */
inset-inline: 0;
opacity: 1; opacity: 1;
transition: opacity 0.15s; transition: opacity 0.15s;
} }
@@ -66,6 +65,11 @@ Please see LICENSE in the repository root for full details.
display: grid; display: grid;
opacity: 0; opacity: 0;
pointer-events: none; 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) { .footer.overlay:has(:focus-visible) {