* Added label on the next autoplayed video
Implements https://github.com/Chocobozzz/PeerTube/issues/4280
Also hid the hr line if autoplay is disabled
* Applied code suggestion
* Applied code suggestion
* Applied the last remaining code suggestion
</div>
<ng-container *ngFor="let video of (videos$ | async); let i = index; let length = count">
+ <span i18n *ngIf="!playlist && i === 0 && length !== 0 && autoPlayNextVideo" class="title-page-next-video-label">Next video to be played</span>
<my-video-miniature
[displayOptions]="displayOptions" [video]="video" [user]="userMiniature" [displayAsRow]="displayAsRow"
(videoBlocked)="onVideoRemoved()" (videoRemoved)="onVideoRemoved()" (videoAccountMuted)="onVideoRemoved()"
>
</my-video-miniature>
- <hr *ngIf="!playlist && i === 0 && length > 1" />
+ <hr *ngIf="!playlist && i === 0 && length > 1 && autoPlayNextVideo" />
</ng-container>
</ng-container>
</div>
}
}
+.title-page-next-video-label {
+ display: block;
+ margin-bottom: 5px;
+ font-weight: $font-semibold;
+}
+
hr {
margin-top: 0;
}