Fix actor overflows

diff --git a/client/src/app/+video-channels/video-channels.component.scss b/client/src/app/+video-channels/video-channels.component.scss
index ce33e7be6593c145095693a5d0774dd237c86133..2ffd70c89106aac989a63e191df3dbb5af2e267c 100644 (file)
--- 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 5e96073184b2bdef5d4072017f7dc6ce032206f5..8d82a042ce58a9e1644cf82a31cf5796d1d58c5f 100644 (file)
--- 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);