isaacclad/ladill-meet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix plenary stage rounding and restore the speaking ring.
Deploy Ladill Meet / deploy (push) Successful in 44s
Details

Browse Source 
Clip spotlight tiles to the stage border radius and draw the green active-speaker outline on the spotlight container so overflow hidden no longer hides it.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-07-01 23:11:23 +00:00
co-authored by Cursor
parent 712dc487c6
commit 6f00103c35
2 changed files with 47 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+37
View File
@@ -45,6 +45,14 @@ html.meet-room-page {
box-shadow: 0 0 0 2px rgb(52 211 153 / 0.9);
}
.meet-room-page .meet-stage-spotlight:has(.meet-tile-speaking) {
box-shadow: 0 0 0 2px rgb(52 211 153 / 0.9);
}
.meet-room-page .meet-stage-spotlight .meet-tile-speaking {
box-shadow: none;
}
.meet-room-page #meet-stage:not(.meet-stage) #meet-stage-spotlight,
.meet-room-page #meet-stage:not(.meet-stage) #meet-audience-strip {
display: none;
@@ -63,13 +71,34 @@ html.meet-room-page {
min-height: 0;
display: flex;
flex-direction: column;
isolation: isolate;
border-radius: 0.75rem;
overflow: hidden;
}
.meet-room-page .meet-stage--plenary .meet-stage-spotlight-tile {
height: 100%;
width: 100%;
max-height: 100%;
min-height: 0;
aspect-ratio: auto;
border-radius: 0;
}
.meet-room-page .meet-stage-spotlight-tile [data-tile-body] {
overflow: hidden;
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.meet-room-page .meet-stage-spotlight-tile [data-tile-footer] {
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
}
.meet-room-page .meet-stage-spotlight-tile [data-tile-stage] video {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.meet-room-page [data-participant-tile] {
@@ -99,6 +128,14 @@ html.meet-room-page {
border-top: 1px solid rgb(30 41 59 / 0.8);
}
.meet-room-page .meet-audience-strip:empty {
display: none;
min-height: 0;
margin-top: 0;
padding: 0;
border-top: 0;
}
.meet-room-page .meet-stage--panel #meet-stage-spotlight,
.meet-room-page .meet-stage--panel #meet-audience-strip {
display: none;