diff options
Diffstat (limited to 'client/src/app/videos/video-list')
-rw-r--r-- | client/src/app/videos/video-list/video-overview.component.html | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/client/src/app/videos/video-list/video-overview.component.html b/client/src/app/videos/video-list/video-overview.component.html index 999628de4..19d03b5c5 100644 --- a/client/src/app/videos/video-list/video-overview.component.html +++ b/client/src/app/videos/video-list/video-overview.component.html | |||
@@ -1,3 +1,4 @@ | |||
1 | <h1 class="sr-only" i18n>Discover</h1> | ||
1 | <div class="margin-content"> | 2 | <div class="margin-content"> |
2 | 3 | ||
3 | <div class="no-results" i18n *ngIf="notResults">No results.</div> | 4 | <div class="no-results" i18n *ngIf="notResults">No results.</div> |
@@ -8,9 +9,9 @@ | |||
8 | <ng-container *ngFor="let overview of overviews"> | 9 | <ng-container *ngFor="let overview of overviews"> |
9 | 10 | ||
10 | <div class="section videos" *ngFor="let object of overview.categories"> | 11 | <div class="section videos" *ngFor="let object of overview.categories"> |
11 | <div class="section-title"> | 12 | <h1 class="section-title"> |
12 | <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a> | 13 | <a routerLink="/search" [queryParams]="{ categoryOneOf: [ object.category.id ] }">{{ object.category.label }}</a> |
13 | </div> | 14 | </h1> |
14 | 15 | ||
15 | <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)"> | 16 | <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)"> |
16 | <my-video-miniature [video]="video" [fitWidth]="true" [user]="user" [displayVideoActions]="false"> | 17 | <my-video-miniature [video]="video" [fitWidth]="true" [user]="user" [displayVideoActions]="false"> |
@@ -19,9 +20,9 @@ | |||
19 | </div> | 20 | </div> |
20 | 21 | ||
21 | <div class="section videos" *ngFor="let object of overview.tags"> | 22 | <div class="section videos" *ngFor="let object of overview.tags"> |
22 | <div class="section-title"> | 23 | <h2 class="section-title"> |
23 | <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a> | 24 | <a routerLink="/search" [queryParams]="{ tagsOneOf: [ object.tag ] }">#{{ object.tag }}</a> |
24 | </div> | 25 | </h2> |
25 | 26 | ||
26 | <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)"> | 27 | <div class="video-wrapper" *ngFor="let video of buildVideos(object.videos)"> |
27 | <my-video-miniature [video]="video" [fitWidth]="true" [user]="user" [displayVideoActions]="false"> | 28 | <my-video-miniature [video]="video" [fitWidth]="true" [user]="user" [displayVideoActions]="false"> |
@@ -34,7 +35,7 @@ | |||
34 | <a [routerLink]="[ '/video-channels', buildVideoChannelBy(object) ]"> | 35 | <a [routerLink]="[ '/video-channels', buildVideoChannelBy(object) ]"> |
35 | <img [src]="buildVideoChannelAvatarUrl(object)" alt="Avatar" /> | 36 | <img [src]="buildVideoChannelAvatarUrl(object)" alt="Avatar" /> |
36 | 37 | ||
37 | <div>{{ object.channel.displayName }}</div> | 38 | <h2 class="section-title">{{ object.channel.displayName }}</h2> |
38 | </a> | 39 | </a> |
39 | </div> | 40 | </div> |
40 | 41 | ||