More robust tests

[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 ce33e7be6593c145095693a5d0774dd237c86133..e946707efa1aba97f418d7db01d7e49bf2c5f005 100644 (file)
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -11,6 +11,10 @@
   --myGreyOwnerFontSize: 14px;
 }
 
+.banner {
+  @include block-ratio('img', $banner-inverted-ratio);
+}
+
 .section-label {
   @include section-label-responsive;
 }
@@ -19,6 +23,16 @@
   @include grid-videos-miniature-margins;
 }
 
+.actor-info {
+  min-width: 1px;
+  width: 100%;
+
+  > h4,
+  > .actor-handle {
+    @include ellipsis;
+  }
+}
+
 .channel-info {
   @include grid-videos-miniature-margins(false, 15px);
 
@@ -43,6 +57,7 @@
 .channel-description {
   grid-column: 1;
   word-break: break-word;
+  padding-bottom: var(--myGlobalTopPadding);
 }
 
 .show-more {
@@ -69,12 +84,6 @@
   display: none;
 }
 
-.created-at {
-  margin-top: 15px;
-  color: pvar(--greyForegroundColor);
-  padding-bottom: 60px;
-}
-
 .owner-card {
   margin-left: 105px;
   grid-column: 2;
@@ -122,7 +131,7 @@
   }
 
   .owner-description {
-    height: 140px;
+    max-height: 140px;
     word-break: break-word;
 
     @include fade-text(120px, pvar(--mainBackgroundColor));