aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-06-11 11:28:26 +0200
committerChocobozzz <me@florianbigard.com>2019-06-11 14:31:11 +0200
commitfff77ba23191f9bca959d5989a1f1df331dbac0b (patch)
tree9ba0525cd07da3a5e6146876ed13343aa9644c68
parentfcf4569f2da9ebcdc43caf8276f82098c89e5677 (diff)
downloadPeerTube-fff77ba23191f9bca959d5989a1f1df331dbac0b.tar.gz
PeerTube-fff77ba23191f9bca959d5989a1f1df331dbac0b.tar.zst
PeerTube-fff77ba23191f9bca959d5989a1f1df331dbac0b.zip
Fix account channel overflow
-rw-r--r--client/src/app/+accounts/account-video-channels/account-video-channels.component.html6
-rw-r--r--client/src/app/+accounts/account-video-channels/account-video-channels.component.scss11
-rw-r--r--client/src/app/+accounts/account-video-channels/account-video-channels.component.ts2
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 () {