From c69d72b2438d2d370948fecd13cf7af3d528e9fd Mon Sep 17 00:00:00 2001
From: Gykes <zeniiigmaa@gmail.com>
Date: Tue, 27 Aug 2024 16:40:58 -0700
Subject: [PATCH] Add Overlay-duration to span (#5177)

Adding overlay-duration so it has it's own dedicated class. Helps with theming/customization

closes https://github.com/stashapp/stash/issues/4240
---
 ui/v2.5/src/components/Scenes/SceneCard.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/v2.5/src/components/Scenes/SceneCard.tsx b/ui/v2.5/src/components/Scenes/SceneCard.tsx
index e2f773626..cbe3ee64e 100644
--- a/ui/v2.5/src/components/Scenes/SceneCard.tsx
+++ b/ui/v2.5/src/components/Scenes/SceneCard.tsx
@@ -373,9 +373,13 @@ const SceneCardImage = PatchComponent(
           ) : (
             ""
           )}
-          {(file?.duration ?? 0) >= 1
-            ? TextUtils.secondsToTimestamp(file?.duration ?? 0)
-            : ""}
+          {(file?.duration ?? 0) >= 1 ? (
+            <span className="overlay-duration">
+              {TextUtils.secondsToTimestamp(file?.duration ?? 0)}
+            </span>
+          ) : (
+            ""
+          )}
         </div>
       );
     }