ov-components: Fixed recording activity panel styles

pull/850/merge
Carlos Santos 2024-11-06 11:43:34 +01:00
parent 0a3129e818
commit 47ccaf58c7
2 changed files with 7 additions and 3 deletions

View File

@ -67,9 +67,9 @@
<span *ngIf="recordingStatus === recStatusEnum.STOPPED">{{ 'TOOLBAR.START_RECORDING' | translate }}</span> <span *ngIf="recordingStatus === recStatusEnum.STOPPED">{{ 'TOOLBAR.START_RECORDING' | translate }}</span>
</button> </button>
<span *ngIf="recordingStatus === recStatusEnum.STARTING">{{ 'PANEL.RECORDING.STARTING' | translate }} </span> <span *ngIf="recordingStatus === recStatusEnum.STARTING" class="recording-message">{{ 'PANEL.RECORDING.STARTING' | translate }} </span>
<span *ngIf="recordingStatus === recStatusEnum.STOPPING">{{ 'PANEL.RECORDING.STOPPING' | translate }} </span> <span *ngIf="recordingStatus === recStatusEnum.STOPPING" class="recording-message">{{ 'PANEL.RECORDING.STOPPING' | translate }} </span>
<span *ngIf="recordingStatus === recStatusEnum.FAILED">Message: </span> <span *ngIf="recordingStatus === recStatusEnum.FAILED" class="recording-error">Message: </span>
<span *ngIf="recordingStatus === recStatusEnum.FAILED" class="recording-error">{{ recordingError }} </span> <span *ngIf="recordingStatus === recStatusEnum.FAILED" class="recording-error">{{ recordingError }} </span>
<div> <div>
<button <button

View File

@ -72,6 +72,10 @@
text-align: center; text-align: center;
} }
.recording-message {
color: var(--ov-text-surface-color);
}
.recording-error { .recording-error {
color: var(--ov-error-color); color: var(--ov-error-color);
font-weight: 600; font-weight: 600;