aboutsummaryrefslogtreecommitdiffhomepage
path: root/client
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2022-10-25 16:00:34 +0200
committerChocobozzz <me@florianbigard.com>2022-10-25 16:00:34 +0200
commit52ebda26f6f3e312abfb16ac607c1d3310b7b667 (patch)
tree2c7f987c79e606d71262646cca4a5a8f131bc045 /client
parent216fa9d5793469f2ad958363fb270990fbce3787 (diff)
downloadPeerTube-52ebda26f6f3e312abfb16ac607c1d3310b7b667.tar.gz
PeerTube-52ebda26f6f3e312abfb16ac607c1d3310b7b667.tar.zst
PeerTube-52ebda26f6f3e312abfb16ac607c1d3310b7b667.zip
Fix playlist overflow in account channels page
Diffstat (limited to 'client')
-rw-r--r--client/src/app/+accounts/account-video-channels/account-video-channels.component.html22
-rw-r--r--client/src/app/+accounts/account-video-channels/account-video-channels.component.scss7
2 files changed, 17 insertions, 12 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 200d9415f..38293b070 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
@@ -37,16 +37,18 @@
37 37
38 <a i18n class="button-show-channel peertube-button-link orange-button-inverted" [routerLink]="getVideoChannelLink(videoChannel)">Show this channel</a> 38 <a i18n class="button-show-channel peertube-button-link orange-button-inverted" [routerLink]="getVideoChannelLink(videoChannel)">Show this channel</a>
39 39
40 <div class="videos"> 40 <div class="videos-overflow-workaround">
41 <div class="no-results" i18n *ngIf="getTotalVideosOf(videoChannel) === 0">This channel doesn't have any videos.</div> 41 <div class="videos">
42 42 <div class="no-results" i18n *ngIf="getTotalVideosOf(videoChannel) === 0">This channel doesn't have any videos.</div>
43 <my-video-miniature 43
44 *ngFor="let video of getVideosOf(videoChannel)" 44 <my-video-miniature
45 [video]="video" [user]="userMiniature" [displayVideoActions]="true" [displayOptions]="miniatureDisplayOptions" 45 *ngFor="let video of getVideosOf(videoChannel)"
46 ></my-video-miniature> 46 [video]="video" [user]="userMiniature" [displayVideoActions]="true" [displayOptions]="miniatureDisplayOptions"
47 47 ></my-video-miniature>
48 <div *ngIf="getTotalVideosOf(videoChannel)" class="miniature-show-channel"> 48
49 <a i18n [routerLink]="getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL ></a> 49 <div *ngIf="getTotalVideosOf(videoChannel)" class="miniature-show-channel">
50 <a i18n [routerLink]="getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL ></a>
51 </div>
50 </div> 52 </div>
51 </div> 53 </div>
52 </div> 54 </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 7870fd039..11ed4c3b1 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
@@ -77,10 +77,8 @@ my-subscribe-button {
77 display: flex; 77 display: flex;
78 grid-column: 1 / 3; 78 grid-column: 1 / 3;
79 grid-row: 2; 79 grid-row: 2;
80 margin-top: 30px;
81 80
82 position: relative; 81 position: relative;
83 overflow: hidden;
84 82
85 my-video-miniature { 83 my-video-miniature {
86 @include margin-right(15px); 84 @include margin-right(15px);
@@ -94,6 +92,11 @@ my-subscribe-button {
94 } 92 }
95} 93}
96 94
95.videos-overflow-workaround {
96 margin-top: 30px;
97 overflow-x: hidden;
98}
99
97.miniature-show-channel { 100.miniature-show-channel {
98 height: 100%; 101 height: 100%;
99 position: absolute; 102 position: absolute;