neoris/openvidu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: enhance leave button styling and fix CSS syntax for force disconnect button

Browse Source
This commit is contained in:
Carlos Santos 2025-07-03 13:04:01 +02:00
parent a700fff911
commit 5a6d17d61a
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/projects/shared-meet-components/src/lib/pages/video-room/video-room.component.html
View File

@ -134,12 +134,14 @@
(onRecordingStopRequested)="onRecordingStopRequested($event)"
>
@if (features().canModerateRoom) {
<div *ovToolbarAdditionalButtons id="leave-btn" class="custom-leave-btn" style="text-align: center">
<div *ovToolbarAdditionalButtons>
<button
id="leave-btn"
mat-icon-button
[matMenuTriggerFor]="leaveMenu"
matTooltip="Leave options"
[disableRipple]="true"
class="custom-leave-btn"
>
<mat-icon>call_end</mat-icon>
</button>

4
frontend/projects/shared-meet-components/src/lib/pages/video-room/video-room.component.scss
View File

@ -251,7 +251,7 @@
// Custom leave button styling (existing functionality)
::ng-deep {
#media-buttons-container .custom-leave-btn > button {
#media-buttons-container .custom-leave-btn {
&:hover {
background-color: var(--ov-meet-color-error) !important;
}
@ -266,5 +266,5 @@
// Custom force disconnect button
.force-disconnect-btn {
color: var(--ov-meet-color-error)
color: var(--ov-meet-color-error);
}