From ac4f4972b6b161766ca21c40280a2c278b1ba635 Mon Sep 17 00:00:00 2001
From: Infinite <infinitekittens@protonmail.com>
Date: Sat, 29 Feb 2020 16:56:10 +0100
Subject: [PATCH] Correct scene card truncation

---
 ui/v2.5/src/components/Scenes/SceneCard.tsx | 2 +-
 ui/v2.5/src/components/Scenes/styles.scss   | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/ui/v2.5/src/components/Scenes/SceneCard.tsx b/ui/v2.5/src/components/Scenes/SceneCard.tsx
index e257958e4..be74cda1d 100644
--- a/ui/v2.5/src/components/Scenes/SceneCard.tsx
+++ b/ui/v2.5/src/components/Scenes/SceneCard.tsx
@@ -229,7 +229,7 @@ export const SceneCard: React.FC<ISceneCardProps> = (
         </video>
       </Link>
       <div className="card-section">
-        <h5 className="text-truncate">
+        <h5 className="card-section-title">
           {props.scene.title
             ? props.scene.title
             : TextUtils.fileNameFromPath(props.scene.path)}
diff --git a/ui/v2.5/src/components/Scenes/styles.scss b/ui/v2.5/src/components/Scenes/styles.scss
index 301dff219..72ff6abd7 100644
--- a/ui/v2.5/src/components/Scenes/styles.scss
+++ b/ui/v2.5/src/components/Scenes/styles.scss
@@ -16,6 +16,12 @@
 .card-section {
   margin-bottom: 0;
   padding: .5rem 1rem 0 1rem;
+
+  &-title {
+    overflow: hidden;
+    overflow-wrap: normal;
+    text-overflow: ellipsis;
+  }
 }
 
 .scene-card-check {