ambiser
/
openvidu
mirror of https://github.com/OpenVidu/openvidu.git
8
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

ov-components: remove unused active button styles and clean up SCSS variables

master
Carlos Santos 2025-05-19 17:08:50 +02:00
parent 5b112286d9
commit ab7a453507
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.html
View File

@ -48,7 +48,6 @@
mat-icon-button mat-icon-button
id="pin-btn" id="pin-btn"
(click)="toggleVideoPinned()" (click)="toggleVideoPinned()"
[class.active-btn]="_track.isPinned"
[matTooltip]="_track.isPinned ? ('STREAM.UNPIN' | translate) : ('STREAM.PIN' | translate)" [matTooltip]="_track.isPinned ? ('STREAM.UNPIN' | translate) : ('STREAM.PIN' | translate)"
> >
<mat-icon *ngIf="_track.isPinned" fontSet="material-symbols-outlined" fontIcon="keep">keep_off</mat-icon> <mat-icon *ngIf="_track.isPinned" fontSet="material-symbols-outlined" fontIcon="keep">keep_off</mat-icon>

13
openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss
View File

@ -1,4 +1,4 @@
$ov-video-elements-bg-color: var(--ov-primary-action-color);; $ov-video-elements-bg-color: var(--ov-primary-action-color);
:host { :host {
/* Fixes layout bug. The OV_root is created with the entire layout width and it has a weird UX behaviour */ /* Fixes layout bug. The OV_root is created with the entire layout width and it has a weird UX behaviour */
.no-size { .no-size {
@ -41,9 +41,6 @@ $ov-video-elements-bg-color: var(--ov-primary-action-color);;
} }
} }
.active-btn {
color: var(--ov-accent-action-color) !important;
}
.muted-btn { .muted-btn {
color: var(--ov-error-color) !important; color: var(--ov-error-color) !important;
} }
@ -80,11 +77,15 @@ $ov-video-elements-bg-color: var(--ov-primary-action-color);;
line-height: 0; line-height: 0;
#status-mic, #status-mic,
#status-muted-forcibly { #status-muted-forcibly,
color: var(--ov-error-color); #status-pinned {
font-size: 24px; font-size: 24px;
margin: 5px; margin: 5px;
} }
#status-mic,
#status-muted-forcibly {
color: var(--ov-error-color);
}
} }
/* Contains the video element, used to fix video letter-boxing */ /* Contains the video element, used to fix video letter-boxing */