diff options
3 files changed, 17 insertions, 2 deletions
diff --git a/client/src/app/+accounts/account-video-channels/account-video-channels.component.html b/client/src/app/+accounts/account-video-channels/account-video-channels.component.html index 43dbbebb3..e9c8179b7 100644 --- a/client/src/app/+accounts/account-video-channels/account-video-channels.component.html +++ b/client/src/app/+accounts/account-video-channels/account-video-channels.component.html | |||
@@ -15,7 +15,11 @@ | |||
15 | <my-subscribe-button [videoChannel]="videoChannel"></my-subscribe-button> | 15 | <my-subscribe-button [videoChannel]="videoChannel"></my-subscribe-button> |
16 | </div> | 16 | </div> |
17 | 17 | ||
18 | <my-video-miniature *ngFor="let video of getVideosOf(videoChannel)" [video]="video" [user]="user" [displayVideoActions]="false"></my-video-miniature> | 18 | <div *ngIf="getVideosOf(videoChannel)" class="videos"> |
19 | <div class="no-results" i18n *ngIf="getVideosOf(videoChannel).length === 0">This channel does not have videos.</div> | ||
20 | |||
21 | <my-video-miniature *ngFor="let video of getVideosOf(videoChannel)" [video]="video" [user]="user" [displayVideoActions]="false"></my-video-miniature> | ||
22 | </div> | ||
19 | </div> | 23 | </div> |
20 | </div> | 24 | </div> |
21 | </div> | 25 | </div> |
diff --git a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss index d9f78bdcd..98931f0c2 100644 --- a/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss +++ b/client/src/app/+accounts/account-video-channels/account-video-channels.component.scss | |||
@@ -9,9 +9,20 @@ | |||
9 | .section { | 9 | .section { |
10 | @include miniature-rows; | 10 | @include miniature-rows; |
11 | 11 | ||
12 | overflow: visible; // For the subscribe dropdown | ||
12 | padding-top: 0 !important; | 13 | padding-top: 0 !important; |
13 | 14 | ||
14 | .section-title { | 15 | .section-title { |
15 | align-items: center; | 16 | align-items: center; |
16 | } | 17 | } |
18 | |||
19 | .videos { | ||
20 | overflow: hidden; | ||
21 | |||
22 | .no-results { | ||
23 | height: 50px; | ||
24 | } | ||
25 | } | ||
17 | } | 26 | } |
27 | |||
28 | |||
diff --git a/client/src/app/+accounts/account-video-channels/account-video-channels.component.ts b/client/src/app/+accounts/account-video-channels/account-video-channels.component.ts index ee3b5f8e4..a8d4237e8 100644 --- a/client/src/app/+accounts/account-video-channels/account-video-channels.component.ts +++ b/client/src/app/+accounts/account-video-channels/account-video-channels.component.ts | |||
@@ -79,7 +79,7 @@ export class AccountVideoChannelsComponent implements OnInit, OnDestroy { | |||
79 | } | 79 | } |
80 | 80 | ||
81 | getVideosOf (videoChannel: VideoChannel) { | 81 | getVideosOf (videoChannel: VideoChannel) { |
82 | return this.videos[ videoChannel.id ] || [] | 82 | return this.videos[ videoChannel.id ] |
83 | } | 83 | } |
84 | 84 | ||
85 | onNearOfBottom () { | 85 | onNearOfBottom () { |