From 74e4cc9325f2fe8c8fe5a4edbfa27a368f055690 Mon Sep 17 00:00:00 2001
From: Herpes3000 <61895715+randemgame@users.noreply.github.com>
Date: Fri, 8 Nov 2024 23:03:41 +0200
Subject: [PATCH] Enhanced Titles for Scene Page

support for line break
---
 ui/v2.5/src/components/Scenes/SceneDetails/Scene.tsx | 10 +++++++---
 ui/v2.5/src/components/Scenes/styles.scss            |  9 +++++++++
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/ui/v2.5/src/components/Scenes/SceneDetails/Scene.tsx b/ui/v2.5/src/components/Scenes/SceneDetails/Scene.tsx
index 4a0c67ff1..ab7566fae 100644
--- a/ui/v2.5/src/components/Scenes/SceneDetails/Scene.tsx
+++ b/ui/v2.5/src/components/Scenes/SceneDetails/Scene.tsx
@@ -50,6 +50,7 @@ import { useRatingKeybinds } from "src/hooks/keybinds";
 import { lazyComponent } from "src/utils/lazyComponent";
 import cx from "classnames";
 import { TruncatedText } from "src/components/Shared/TruncatedText";
+import { TitleDisplay } from 'src/components/Shared/TitleDisplay';
 
 const SubmitStashBoxDraft = lazyComponent(
   () => import("src/components/Dialogs/SubmitDraft")
@@ -583,9 +584,12 @@ const ScenePage: React.FC<IProps> = ({
                 </Link>
               </h1>
             )}
-            <h3 className={cx("scene-header", { "no-studio": !scene.studio })}>
-              <TruncatedText lineCount={2} text={title} />
-            </h3>
+<h3 className={cx("scene-header", { "no-studio": !scene.studio })}>
+  <TruncatedText
+    lineCount={2}
+    text={<TitleDisplay text={String(title)} className="title-display" />}
+  />
+</h3>
           </div>
 
           <div className="scene-subheader">
diff --git a/ui/v2.5/src/components/Scenes/styles.scss b/ui/v2.5/src/components/Scenes/styles.scss
index ca1d051cd..24f0f4d89 100644
--- a/ui/v2.5/src/components/Scenes/styles.scss
+++ b/ui/v2.5/src/components/Scenes/styles.scss
@@ -899,3 +899,12 @@ input[type="range"].blue-slider {
     word-break: break-all;
   }
 }
+.title-display {
+  width: 100%;
+  
+  br {
+    display: block;
+    content: "";
+    margin: 2px 0;
+  }
+}
\ No newline at end of file