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

openvidu-components: Minor styles changes

pull/707/head
csantosm 2022-02-24 10:21:58 +01:00
parent 000f21b9dd
commit b52ca52e1d
6 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
openvidu-components-angular/projects/openvidu-angular/src/lib/components/layout/layout.component.css
View File

@ -3,14 +3,17 @@
} }
.bounds { .layout {
position: absolute; position: relative;
left: 0; left: 0;
right: 0; right: 0;
top: 0; top: 0;
bottom: 0; bottom: 0;
min-width: 350px !important; min-width: 350px !important;
min-height: 100%;
width: inherit; width: inherit;
height: -webkit-fill-available;
height: -moz-available;
} }
/*! /*!

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

@ -1,4 +1,4 @@
<div id="layout" class="bounds"> <div id="layout" class="layout">
<div <div
class="OT_root OT_publisher" class="OT_root OT_publisher"
id="localUser" id="localUser"

11
openvidu-components-angular/projects/openvidu-angular/src/lib/components/session/session.component.css
View File

@ -6,8 +6,8 @@
.sidenav-container { .sidenav-container {
position: relative; position: relative;
height: calc(100% - 80px); height: calc(100% - 70px);
min-height: calc(100% - 80px); min-height: calc(100% - 70px);
padding-top: 10px; padding-top: 10px;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
@ -30,6 +30,11 @@
min-height: -moz-available; min-height: -moz-available;
} }
#layout-container {
height: inherit;
width: inherit;
}
.mat-drawer-container { .mat-drawer-container {
background-color: var(--ov-primary-color); background-color: var(--ov-primary-color);
} }
@ -38,7 +43,7 @@
background-color: var(--ov-primary-color); background-color: var(--ov-primary-color);
min-width: 400px !important; min-width: 400px !important;
width: 100%; width: 100%;
height: 60px; height: 70px;
} }
#footer { #footer {

2
openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.html
View File

@ -19,7 +19,7 @@
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-sm-6 col-md-6 col-lg-6 leftSection"> <div class="col-sm-6 col-md-6 col-lg-6 leftSection">
<div class="spinner-container" *ngIf="isLoading"> <div class="spinner-container" *ngIf="isLoading">
<mat-spinner></mat-spinner> <mat-spinner [diameter]="50"></mat-spinner>
</div> </div>
<div class="videoContainer" *ngIf="!isLoading"> <div class="videoContainer" *ngIf="!isLoading">
<div *ngFor="let stream of localParticipant | streams"> <div *ngFor="let stream of localParticipant | streams">

1
openvidu-components-angular/projects/openvidu-angular/src/lib/components/user-settings/user-settings.component.ts
View File

@ -214,7 +214,6 @@ export class UserSettingsComponent implements OnInit, OnDestroy {
const nickname = this.nicknameFormControl.value; const nickname = this.nicknameFormControl.value;
this.participantService.setNickname(this.participantService.getMyCameraConnectionId(), nickname); this.participantService.setNickname(this.participantService.getMyCameraConnectionId(), nickname);
this.storageSrv.setNickname(nickname); this.storageSrv.setNickname(nickname);
this.participantService.updateParticipantMediaStatus();
return this.onJoinClicked.emit(); return this.onJoinClicked.emit();
} }
this.scrollToBottom(); this.scrollToBottom();

1
openvidu-components-angular/projects/openvidu-angular/src/lib/components/video/video.component.ts
View File

@ -12,6 +12,7 @@ import { VideoType } from '../../models/video-type.model';
src="assets/images/poster.png" src="assets/images/poster.png"
/> />
<video <video
class="OT_video-element"
#videoElement #videoElement
[attr.id]="streamManager && _streamManager.stream ? 'video-' + _streamManager.stream.streamId : 'video-undefined'" [attr.id]="streamManager && _streamManager.stream ? 'video-' + _streamManager.stream.streamId : 'video-undefined'"
[muted]="mutedSound" [muted]="mutedSound"