ov-components: Fixed recording activity panel styles

OpenVidu · Nov 6, 2024 · 47ccaf5 · 47ccaf5
1 parent 0a3129e
commit 47ccaf5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/...ib/components/panel/activities-panel/recording-activity/recording-activity.component.html b/...ib/components/panel/activities-panel/recording-activity/recording-activity.component.html
@@ -67,9 +67,9 @@ <h2 *ngIf="recordingList.length === 0" class="recording-title">{{ 'PANEL.RECORDI
 					<span *ngIf="recordingStatus === recStatusEnum.STOPPED">{{ 'TOOLBAR.START_RECORDING' | translate }}</span>
 				</button>
 
-				<span *ngIf="recordingStatus === recStatusEnum.STARTING">{{ 'PANEL.RECORDING.STARTING' | translate }} </span>
-				<span *ngIf="recordingStatus === recStatusEnum.STOPPING">{{ 'PANEL.RECORDING.STOPPING' | translate }} </span>
-				<span *ngIf="recordingStatus === recStatusEnum.FAILED">Message: </span>
+				<span *ngIf="recordingStatus === recStatusEnum.STARTING" class="recording-message">{{ 'PANEL.RECORDING.STARTING' | translate }} </span>
+				<span *ngIf="recordingStatus === recStatusEnum.STOPPING" class="recording-message">{{ 'PANEL.RECORDING.STOPPING' | translate }} </span>
+				<span *ngIf="recordingStatus === recStatusEnum.FAILED" class="recording-error">Message: </span>
 				<span *ngIf="recordingStatus === recStatusEnum.FAILED" class="recording-error">{{ recordingError }} </span>
 				<div>
 					<button

diff --git a/...ib/components/panel/activities-panel/recording-activity/recording-activity.component.scss b/...ib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
@@ -72,6 +72,10 @@
 		text-align: center;
 	}
 
+	.recording-message {
+		color: var(--ov-text-surface-color);
+	}
+
 	.recording-error {
 		color: var(--ov-error-color);
 		font-weight: 600;