Merge pull request #1376 from andrew-bierman/fix-editabletext

Fix editabletext
andrew-bierman · Dec 18, 2024 · f92630a · f92630a
2 parents d173b04 + 7643bab
commit f92630a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/packages/app/modules/pack/components/PackTable/ItemCard.tsx b/packages/app/modules/pack/components/PackTable/ItemCard.tsx
@@ -52,7 +52,11 @@ export const ItemCard = ({
             fontWeight: 'bold',
             fontSize: 16,
             color: currentTheme.colors.text,
+            flex: 1,
+            marginRight: 10,
           }}
+          numberOfLines={1}
+          ellipsizeMode="tail"
         >
           {item.name}
         </RText>

diff --git a/packages/app/modules/pack/components/PackTable/ItemList.tsx b/packages/app/modules/pack/components/PackTable/ItemList.tsx
@@ -46,6 +46,8 @@ export const ItemList = ({
               fontWeight: 'bold',
               flexBasis: '25%',
             }}
+            numberOfLines={1}
+            ellipsizeMode="tail"
           >
             {item.name}
           </RText>

diff --git a/packages/ui/src/EditableText/EditableText.tsx b/packages/ui/src/EditableText/EditableText.tsx
@@ -39,6 +39,7 @@ export const EditableText = ({
           fontWeight: 'bold',
           color: '#0284c7',
           pointerEvents: 'auto',
+          minWidth: 20,
         }}
         ref={inputRef}
         onChange={handleChange}