diff options
-rw-r--r-- | client/src/app/+accounts/account-video-channels/account-video-channels.component.html | 22 | ||||
-rw-r--r-- | client/src/app/+accounts/account-video-channels/account-video-channels.component.scss | 7 |
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; |