From a102b6147e19107c1b5f005e465f914b82c98507 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Daniel=20Espino=20Garc=C3=ADa?= <larkox@gmail.com>
Date: Fri, 8 Aug 2025 13:41:05 +0200
Subject: [PATCH] Add ellipsis to the checklist title (#9059)

---
 .../screens/playbook_run/checklist/checklist.tsx     | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/products/playbooks/screens/playbook_run/checklist/checklist.tsx b/app/products/playbooks/screens/playbook_run/checklist/checklist.tsx
index 55cac37a5..f8754daef 100644
--- a/app/products/playbooks/screens/playbook_run/checklist/checklist.tsx
+++ b/app/products/playbooks/screens/playbook_run/checklist/checklist.tsx
@@ -61,6 +61,9 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => ({
     skippedText: {
         textDecorationLine: 'line-through',
     },
+    titleContainer: {
+        flexShrink: 1,
+    },
 }));
 
 type Props = {
@@ -134,7 +137,14 @@ const Checklist = ({
                         name={expanded ? 'chevron-down' : 'chevron-right'}
                         style={styles.chevron}
                     />
-                    <Text style={titleTextStyle}>{checklist.title}</Text>
+                    <View style={styles.titleContainer}>
+                        <Text
+                            style={titleTextStyle}
+                            numberOfLines={1}
+                        >
+                            {checklist.title}
+                        </Text>
+                    </View>
                     <Text style={styles.progressText}>{`${completed} / ${totalNumber} done`}</Text>
                 </View>
                 <ProgressBar