From c0bcb95282d1b30742ff7bdbb4155301ca20c5f8 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Wed, 22 May 2024 17:02:51 +0200
Subject: [PATCH] ov-components: Fixed video poster on iPhone

---
 .../avatar-profile/avatar-profile.component.css        |  2 +-
 .../src/lib/components/stream/stream.component.css     |  4 ++--
 .../src/lib/components/stream/stream.component.html    | 10 ++++++++--
 3 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css
index 4851d47804..1bb48b8c87 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/avatar-profile/avatar-profile.component.css
@@ -3,7 +3,7 @@
 	width: 100%;
 	background-color: #000000;
 	position: absolute;
-	z-index: 888;
+	z-index: 999;
 }
 
 .initial {
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
index 30e01c34ad..b3783deda6 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.css
@@ -7,7 +7,7 @@
 .nickname {
 	padding: 0px;
 	position: absolute;
-	z-index: 999;
+	z-index: 9999;
 	border-radius: var(--ov-video-radius);
 	color: var(--ov-text-color);
 	font-family: 'Roboto', 'RobotoDraft', Helvetica, Arial, sans-serif;
@@ -39,7 +39,7 @@
 #audio-wave-container {
 	position: absolute;
 	right: 0;
-	z-index: 2;
+	z-index: 9999;
 	padding: 5px;
 }
 
diff --git a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
index 18b164291e..4002867cc2 100644
--- a/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
+++ b/openvidu-components-angular/projects/openvidu-angular/src/lib/components/stream/stream.component.html
@@ -51,13 +51,14 @@
 	</div>
 
 	<div *ngIf="!isMinimal && showSettingsButton" id="settings-container" class="videoButtons">
+
 		<button
 			mat-icon-button
 			(click)="toggleVideoMenu($event)"
 			matTooltip="{{ 'STREAM.SETTINGS' | translate }}"
 			matTooltipPosition="above"
 			aria-label="Video settings menu"
-			id="video-settings-btn-{{this._stream.streamManager?.stream?.typeOfVideo}}"
+			id="video-settings-btn-{{ this._stream.streamManager?.stream?.typeOfVideo }}"
 		>
 			<mat-icon>more_vert</mat-icon>
 		</button>
@@ -68,7 +69,12 @@
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.NORMAL">{{ 'STREAM.ZOOM_OUT' | translate }}</span>
 				<span *ngIf="videoSizeIcon === videoSizeIconEnum.BIG">{{ 'STREAM.ZOOM_IN' | translate }}</span>
 			</button>
-			<button mat-menu-item id="sound-btn" *ngIf="!this._stream.participant.local && this._stream.type === videoTypeEnum.CAMERA" (click)="toggleMuteForcibly()">
+			<button
+				mat-menu-item
+				id="sound-btn"
+				*ngIf="!this._stream.participant.local && this._stream.type === videoTypeEnum.CAMERA"
+				(click)="toggleMuteForcibly()"
+			>
 				<mat-icon *ngIf="!_stream.participant.isMutedForcibly">volume_up</mat-icon>
 				<span *ngIf="!_stream.participant.isMutedForcibly">{{ 'STREAM.MUTE_SOUND' | translate }}</span>