Merge pull request #6294 from akshayasalvi/long-attachment-name

Added ellipses for long attachment names
Expensify · Nov 30, 2021 · ff64eb0 · ff64eb0
2 parents de6aca9 + 8ab60be
commit ff64eb0
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/AttachmentView.js b/src/components/AttachmentView.js
@@ -62,7 +62,7 @@ const AttachmentView = (props) => {
             <View style={styles.mr2}>
                 <Icon src={Expensicons.Paperclip} />
             </View>
-            <Text style={[styles.textStrong, styles.flexShrink1]}>{props.file && props.file.name}</Text>
+            <Text style={[styles.textStrong, styles.flexShrink1, styles.breakAll, styles.flexWrap, styles.mw100]}>{props.file && props.file.name}</Text>
             {props.shouldShowDownloadIcon && (
                 <View style={styles.ml2}>
                     <Tooltip text={props.translate('common.download')}>

diff --git a/src/styles/utilities/wordBreak/index.js b/src/styles/utilities/wordBreak/index.js
@@ -2,4 +2,7 @@ export default {
     breakWord: {
         wordBreak: 'break-word',
     },
+    breakAll: {
+        wordBreak: 'break-all',
+    },
 };