Commit 02dd4f3c authored by Chocobozzz's avatar Chocobozzz Committed by Chocobozzz

Display banner on channel page

parent cdeddff1
<div class="root" *ngIf="videoChannel">
<div class="banner" *ngIf="videoChannel.bannerUrl">
<img [src]="videoChannel.bannerUrl" alt="Channel banner">
</div>
<div class="channel-info">
<ng-template #buttonsTemplate>
......
......@@ -11,6 +11,10 @@
--myGreyOwnerFontSize: 14px;
}
.banner {
@include block-ratio('img', $banner-inverted-ratio);
}
.section-label {
@include section-label-responsive;
}
......
......@@ -2,7 +2,7 @@
@import '_mixins';
.content {
scrollbar-color: unset;
scrollbar-color: auto;
}
.notification-inbox-popover {
......
......@@ -36,7 +36,8 @@ export class ActorBannerEditComponent implements OnInit {
this.maxBannerSize = config.banner.file.size.max
this.bannerExtensions = config.banner.file.extensions.join(', ')
this.bannerFormat = $localize`maxsize: ${getBytes(this.maxBannerSize)}, extensions: ${this.bannerExtensions}`
// tslint:disable:max-line-length
this.bannerFormat = $localize`ratio 6/1, recommended size: 1600x266, max size: ${getBytes(this.maxBannerSize)}, extensions: ${this.bannerExtensions}`
})
}
......
......@@ -53,7 +53,7 @@ $sub-menu-height: 81px;
$channel-background-color: #f6ede8;
$banner-inverted-ratio: 1/5;
$banner-inverted-ratio: 1/6;
$max-channels-width: 1200px;
......
......@@ -614,7 +614,7 @@ const ACTOR_IMAGES_SIZE = {
},
BANNERS: {
width: 1920,
height: 384
height: 317 // 6/1 ratio
}
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment