From e8955ac8cae8111c9e4e173709a23afd6161f439 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Fri, 8 Mar 2024 09:39:44 +0100
Subject: [PATCH] Fix text overflow

---
 .../shared-video-miniature/video-miniature.component.html    | 2 +-
 client/src/sass/class-helpers/_layout.scss                   | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/app/shared/shared-video-miniature/video-miniature.component.html b/client/src/app/shared/shared-video-miniature/video-miniature.component.html
index ad4a8fceb..6cb865dce 100644
--- a/client/src/app/shared/shared-video-miniature/video-miniature.component.html
+++ b/client/src/app/shared/shared-video-miniature/video-miniature.component.html
@@ -24,7 +24,7 @@
           size="32"
         ></my-actor-avatar>
 
-        <div class="w-100 d-flex flex-column">
+        <div class="w-100 d-flex flex-column min-width-0">
           <my-link
             [internalLink]="videoRouterLink" [href]="videoHref" [target]="videoTarget" [inheritParentCSS]="true"
             [ariaLabel]="getAriaLabel()"
diff --git a/client/src/sass/class-helpers/_layout.scss b/client/src/sass/class-helpers/_layout.scss
index ae1ed10ac..e404fe8f5 100644
--- a/client/src/sass/class-helpers/_layout.scss
+++ b/client/src/sass/class-helpers/_layout.scss
@@ -44,3 +44,8 @@
     }
   }
 }
+
+// See https://css-tricks.com/flexbox-truncated-text/
+.min-width-0 {
+  min-width: 0;
+}