Display banner on channel page

[github/Chocobozzz/PeerTube.git] / client / src / app / +video-channels / video-channels.component.scss

diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss
index 3b27f3aa1b6be00d1cc3656a6ec14917ff3eb874..b19b4c81b14664c2882694e90260953622aad199 100644 (file)
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -11,16 +11,30 @@
   --myGreyOwnerFontSize: 14px;
 }
 
+.banner {
+  @include block-ratio('img', $banner-inverted-ratio);
+}
+
 .section-label {
   @include section-label-responsive;
 }
 
 .links {
-  @include fluid-videos-miniature-margins;
+  @include grid-videos-miniature-margins;
+}
+
+.actor-info {
+  min-width: 1px;
+  width: 100%;
+
+  > h4,
+  > .actor-handle {
+    @include ellipsis;
+  }
 }
 
 .channel-info {
-  @include fluid-videos-miniature-margins(false, 15px);
+  @include grid-videos-miniature-margins(false, 15px);
 
   display: grid;
   grid-template-columns: 1fr auto;
@@ -122,7 +136,7 @@
   }
 
   .owner-description {
-    height: 140px;
+    max-height: 140px;
     word-break: break-word;
 
     @include fade-text(120px, pvar(--mainBackgroundColor));