From fcd8d3e0302cb1e061e6868f3180f0d66e149d18 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Mon, 5 Apr 2021 11:24:01 +0200
Subject: Fix actor overflows

---
 client/src/app/+video-channels/video-channels.component.scss | 10 ++++++++++
 client/src/sass/include/_actor.scss                          |  6 ++++++
 2 files changed, 16 insertions(+)

(limited to 'client/src')

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);
-- 
cgit v1.2.3