Sravan/BizGaze_Remote
0
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix: shared screen no longer overlaps the meeting controls

Browse Source 
scr-full forced #meetGrid to height:100%, so the stage (and the native
video positioned on its rect) extended down over the control bar. The grid
is already flex:1 — it should fill only the space above the bar. Now the
stage flexes to fill that area (flex:1 1 auto) instead of height:100%, so
the native screen view sits above the controls, not over them.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Sravan
2026-08-07 10:44:29 +05:30
parent a561852067
commit b35c95a5be
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
server/public/home.html
+4 -2
View File
@@ -412,8 +412,10 @@
.meet-grid.sharing-mode .meet-tile.sharing:not(.stage)::after{content:"Click to view";position:absolute;left:0;right:0;bottom:0;font-size:.58rem;text-align:center;background:rgba(37,99,235,.88);color:#fff;padding:1px 0;} .meet-grid.sharing-mode .meet-tile.sharing:not(.stage)::after{content:"Click to view";position:absolute;left:0;right:0;bottom:0;font-size:.58rem;text-align:center;background:rgba(37,99,235,.88);color:#fff;padding:1px 0;}
/* Native call: a shared screen should DOMINATE — fill the whole meeting area and hide the small participant /* Native call: a shared screen should DOMINATE — fill the whole meeting area and hide the small participant
tiles (the plugin renders the screen natively over this stage rect; pinch-to-zoom happens there). */ tiles (the plugin renders the screen natively over this stage rect; pinch-to-zoom happens there). */
.meet-grid.sharing-mode.scr-full{height:100%;} /* stay flex:1 (fill only the space ABOVE the control bar — height:100% pushed the stage over the bar);
.meet-grid.sharing-mode.scr-full .meet-tile.stage{width:100%;height:100%;min-height:0;} the stage flexes to fill that area, participants hidden. */
.meet-grid.sharing-mode.scr-full{flex-flow:column;min-height:0;}
.meet-grid.sharing-mode.scr-full .meet-tile.stage{width:100%;height:auto;flex:1 1 auto;min-height:0;}
.meet-grid.sharing-mode.scr-full .meet-tile:not(.stage){display:none;} .meet-grid.sharing-mode.scr-full .meet-tile:not(.stage){display:none;}
@media (max-width:760px){ @media (max-width:760px){
.meet-grid.sharing-mode{flex-flow:row wrap;height:auto;} .meet-grid.sharing-mode{flex-flow:row wrap;height:auto;}