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

openvidu-components: Fixed styles in Firefox

pull/707/head
csantosm 2022-03-11 11:41:31 +01:00
parent 88416b3981
commit 9d94ffa417
5 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/chat-panel/chat-panel.component.css
View File

@ -2,8 +2,8 @@
margin: 20px; margin: 20px;
background-color: var(--ov-light-color); background-color: var(--ov-light-color);
border-radius: var(--ov-panel-radius); border-radius: var(--ov-panel-radius);
height: -webkit-fill-available; max-height: calc(100% - 40px);
height: -moz-available; min-height: calc(100% - 40px);
} }
.header-container { .header-container {

2
openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participant-panel-item/participant-panel-item.component.ts
View File

@ -45,8 +45,6 @@ export class ParticipantPanelItemComponent implements OnInit, OnDestroy {
private subscribeToParticipantPanelItemDirectives() { private subscribeToParticipantPanelItemDirectives() {
this.muteButtonSub = this.libService.participantItemMuteButton.subscribe((value: boolean) => { this.muteButtonSub = this.libService.participantItemMuteButton.subscribe((value: boolean) => {
console.warn("show mute", value);
this.showMuteButton = value; this.showMuteButton = value;
this.cd.markForCheck(); this.cd.markForCheck();
}); });

4
openvidu-components-angular/projects/openvidu-angular/src/lib/components/panel/participants-panel/participants-panel/participants-panel.component.css
View File

@ -2,8 +2,8 @@
margin: 20px; margin: 20px;
background-color: var(--ov-light-color); background-color: var(--ov-light-color);
border-radius: var(--ov-panel-radius); border-radius: var(--ov-panel-radius);
height: -webkit-fill-available; max-height: calc(100% - 40px);
height: -moz-available; min-height: calc(100% - 40px);
} }
.header-container { .header-container {

4
openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.css
View File

@ -4,6 +4,10 @@
background-color: var(--ov-light-dark-color); background-color: var(--ov-light-dark-color);
} }
#layout-container {
display: block !important;
}
h4 { h4 {
margin-bottom: 1px; margin-bottom: 1px;
font-weight: bold; font-weight: bold;

2
openvidu-components-angular/projects/openvidu-angular/src/lib/components/pre-join/pre-join.component.html
View File

@ -1,5 +1,5 @@
<div class="container" fxLayout.gt-sm="row" fxLayout.lt-md="column"> <div class="container" fxLayout.gt-sm="row" fxLayout.lt-md="column">
<div fxFlex.gt-sm="65%" fxFlex.lt-md="55%" fxLayoutAlign="center center"> <div fxFlex.gt-sm="65%" fxFlex.lt-md="55%" fxLayoutAlign="center center" id="layout-container">
<ov-layout> <ov-layout>
<ng-template #stream let-stream> <ng-template #stream let-stream>
<ov-stream [stream]="stream" [displayParticipantName]="false" [settingsButton]="false"></ov-stream> <ov-stream [stream]="stream" [displayParticipantName]="false" [settingsButton]="false"></ov-stream>