Fix actor overflows

2 files changed, 16 insertions, 0 deletions

diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss
index ce33e7be6..2ffd70c89 100644
--- a/client/src/app/+video-channels/video-channels.component.scss
+++ b/client/src/app/+video-channels/video-channels.component.scss
@@ -19,6 +19,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);
 
diff --git a/client/src/sass/include/_actor.scss b/client/src/sass/include/_actor.scss
index 5e9607318..8d82a042c 100644
--- a/client/src/sass/include/_actor.scss
+++ b/client/src/sass/include/_actor.scss
@@ -35,6 +35,7 @@
 
   > div {
     margin-left: $img-margin;
+    min-width: 1px;
   }
 
   .actor-info {
@@ -42,6 +43,7 @@
 
     > div:first-child {
       flex-grow: 1;
+      min-width: 1px;
     }
   }
 
@@ -56,6 +58,10 @@
     margin: 0;
   }
 
+  .actor-handle {
+    @include ellipsis;
+  }
+
   .actor-handle,
   .actor-counters {
     color: pvar(--greyForegroundColor);