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)" (onRecordingStopRequested)="onRecordingStopRequested($event)"
> >
@if (features().canModerateRoom) { @if (features().canModerateRoom) {
<div *ovToolbarAdditionalButtons id="leave-btn" class="custom-leave-btn" style="text-align: center"> <div *ovToolbarAdditionalButtons>
<button <button
id="leave-btn"
mat-icon-button mat-icon-button
[matMenuTriggerFor]="leaveMenu" [matMenuTriggerFor]="leaveMenu"
matTooltip="Leave options" matTooltip="Leave options"
[disableRipple]="true" [disableRipple]="true"
class="custom-leave-btn"
> >
<mat-icon>call_end</mat-icon> <mat-icon>call_end</mat-icon>
</button> </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) // Custom leave button styling (existing functionality)
::ng-deep { ::ng-deep {
#media-buttons-container .custom-leave-btn > button { #media-buttons-container .custom-leave-btn {
&:hover { &:hover {
background-color: var(--ov-meet-color-error) !important; background-color: var(--ov-meet-color-error) !important;
} }
@ -266,5 +266,5 @@
// Custom force disconnect button // Custom force disconnect button
.force-disconnect-btn { .force-disconnect-btn {
color: var(--ov-meet-color-error) color: var(--ov-meet-color-error);
} }