OpenCloud
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix playlist overflow in account channels page

pull/5378/head
Chocobozzz 2022-10-25 16:00:34 +02:00
parent 216fa9d579
commit 52ebda26f6
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
client/src/app/+accounts/account-video-channels/account-video-channels.component.html
View File

@ -37,16 +37,18 @@
<a i18n class="button-show-channel peertube-button-link orange-button-inverted" [routerLink]="getVideoChannelLink(videoChannel)">Show this channel</a> <a i18n class="button-show-channel peertube-button-link orange-button-inverted" [routerLink]="getVideoChannelLink(videoChannel)">Show this channel</a>
<div class="videos"> <div class="videos-overflow-workaround">
<div class="no-results" i18n *ngIf="getTotalVideosOf(videoChannel) === 0">This channel doesn't have any videos.</div> <div class="videos">
<div class="no-results" i18n *ngIf="getTotalVideosOf(videoChannel) === 0">This channel doesn't have any videos.</div>
<my-video-miniature <my-video-miniature
*ngFor="let video of getVideosOf(videoChannel)" *ngFor="let video of getVideosOf(videoChannel)"
[video]="video" [user]="userMiniature" [displayVideoActions]="true" [displayOptions]="miniatureDisplayOptions" [video]="video" [user]="userMiniature" [displayVideoActions]="true" [displayOptions]="miniatureDisplayOptions"
></my-video-miniature> ></my-video-miniature>
<div *ngIf="getTotalVideosOf(videoChannel)" class="miniature-show-channel"> <div *ngIf="getTotalVideosOf(videoChannel)" class="miniature-show-channel">
<a i18n [routerLink]="getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL ></a> <a i18n [routerLink]="getVideoChannelLink(videoChannel)">SHOW THIS CHANNEL ></a>
</div>
</div> </div>
</div> </div>
</div> </div>

7
client/src/app/+accounts/account-video-channels/account-video-channels.component.scss
View File

@ -77,10 +77,8 @@ my-subscribe-button {
display: flex; display: flex;
grid-column: 1 / 3; grid-column: 1 / 3;
grid-row: 2; grid-row: 2;
margin-top: 30px;
position: relative; position: relative;
overflow: hidden;
my-video-miniature { my-video-miniature {
@include margin-right(15px); @include margin-right(15px);
@ -94,6 +92,11 @@ my-subscribe-button {
} }
} }
.videos-overflow-workaround {
margin-top: 30px;
overflow-x: hidden;
}
.miniature-show-channel { .miniature-show-channel {
height: 100%; height: 100%;
position: absolute; position: absolute;