fix: list item row width (#3863)

lukewalczak · web-flow · commit f36cdab60575 · 2023-05-15T14:57:46.000+02:00
diff --git a/src/components/List/ListItem.tsx b/src/components/List/ListItem.tsx
@@ -262,9 +262,11 @@ const styles = StyleSheet.create({
     paddingRight: 24,
   },
   row: {
+    width: '100%',
     flexDirection: 'row',
   },
   rowV3: {
+    width: '100%',
     flexDirection: 'row',
     marginVertical: 6,
   },
diff --git a/src/components/__tests__/__snapshots__/ListAccordion.test.tsx.snap b/src/components/__tests__/__snapshots__/ListAccordion.test.tsx.snap
@@ -183,6 +183,7 @@ exports[`renders expanded accordion 1`] = `
         Object {
           "flexDirection": "row",
           "marginVertical": 6,
+          "width": "100%",
         }
       }
     >
diff --git a/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap b/src/components/__tests__/__snapshots__/ListItem.test.tsx.snap
@@ -37,6 +37,7 @@ exports[`renders list item with custom description 1`] = `
       Object {
         "flexDirection": "row",
         "marginVertical": 6,
+        "width": "100%",
       }
     }
   >
@@ -335,6 +336,7 @@ exports[`renders list item with custom title and description styles 1`] = `
       Object {
         "flexDirection": "row",
         "marginVertical": 6,
+        "width": "100%",
       }
     }
   >
@@ -460,6 +462,7 @@ exports[`renders list item with left and right items 1`] = `
       Object {
         "flexDirection": "row",
         "marginVertical": 6,
+        "width": "100%",
       }
     }
   >
@@ -637,6 +640,7 @@ exports[`renders list item with left item 1`] = `
       Object {
         "flexDirection": "row",
         "marginVertical": 6,
+        "width": "100%",
       }
     }
   >
@@ -780,6 +784,7 @@ exports[`renders list item with right item 1`] = `
       Object {
         "flexDirection": "row",
         "marginVertical": 6,
+        "width": "100%",
       }
     }
   >
@@ -872,6 +877,7 @@ exports[`renders list item with title and description 1`] = `
       Object {
         "flexDirection": "row",
         "marginVertical": 6,
+        "width": "100%",
       }
     }
   >
@@ -993,6 +999,7 @@ exports[`renders with a description with typeof number 1`] = `
       Object {
         "flexDirection": "row",
         "marginVertical": 6,
+        "width": "100%",
       }
     }
   >
diff --git a/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap b/src/components/__tests__/__snapshots__/ListSection.test.tsx.snap
@@ -252,6 +252,7 @@ exports[`renders list section with custom title style 1`] = `
         Object {
           "flexDirection": "row",
           "marginVertical": 6,
+          "width": "100%",
         }
       }
     >
@@ -392,6 +393,7 @@ exports[`renders list section with custom title style 1`] = `
         Object {
           "flexDirection": "row",
           "marginVertical": 6,
+          "width": "100%",
         }
       }
     >
@@ -749,6 +751,7 @@ exports[`renders list section with subheader 1`] = `
         Object {
           "flexDirection": "row",
           "marginVertical": 6,
+          "width": "100%",
         }
       }
     >
@@ -889,6 +892,7 @@ exports[`renders list section with subheader 1`] = `
         Object {
           "flexDirection": "row",
           "marginVertical": 6,
+          "width": "100%",
         }
       }
     >
@@ -1208,6 +1212,7 @@ exports[`renders list section without subheader 1`] = `
         Object {
           "flexDirection": "row",
           "marginVertical": 6,
+          "width": "100%",
         }
       }
     >
@@ -1348,6 +1353,7 @@ exports[`renders list section without subheader 1`] = `
         Object {
           "flexDirection": "row",
           "marginVertical": 6,
+          "width": "100%",
         }
       }
     >

Original file line number	Diff line number	Diff line change
@@ -183,6 +183,7 @@ exports[`renders expanded accordion 1`] = `
`183`	`183`	`Object {`
`184`	`184`	`"flexDirection": "row",`
`185`	`185`	`"marginVertical": 6,`
	`186`	`+ "width": "100%",`
`186`	`187`	`}`
`187`	`188`	`}`
`188`	`189`	`>`
Original file line number	Diff line number	Diff line change
@@ -37,6 +37,7 @@ exports[`renders list item with custom description 1`] = `
`37`	`37`	`Object {`
`38`	`38`	`"flexDirection": "row",`
`39`	`39`	`"marginVertical": 6,`
	`40`	`+ "width": "100%",`
`40`	`41`	`}`
`41`	`42`	`}`
`42`	`43`	`>`
@@ -335,6 +336,7 @@ exports[`renders list item with custom title and description styles 1`] = `
`335`	`336`	`Object {`
`336`	`337`	`"flexDirection": "row",`
`337`	`338`	`"marginVertical": 6,`
	`339`	`+ "width": "100%",`
`338`	`340`	`}`
`339`	`341`	`}`
`340`	`342`	`>`
@@ -460,6 +462,7 @@ exports[`renders list item with left and right items 1`] = `
`460`	`462`	`Object {`
`461`	`463`	`"flexDirection": "row",`
`462`	`464`	`"marginVertical": 6,`
	`465`	`+ "width": "100%",`
`463`	`466`	`}`
`464`	`467`	`}`
`465`	`468`	`>`
@@ -637,6 +640,7 @@ exports[`renders list item with left item 1`] = `
`637`	`640`	`Object {`
`638`	`641`	`"flexDirection": "row",`
`639`	`642`	`"marginVertical": 6,`
	`643`	`+ "width": "100%",`
`640`	`644`	`}`
`641`	`645`	`}`
`642`	`646`	`>`
@@ -780,6 +784,7 @@ exports[`renders list item with right item 1`] = `
`780`	`784`	`Object {`
`781`	`785`	`"flexDirection": "row",`
`782`	`786`	`"marginVertical": 6,`
	`787`	`+ "width": "100%",`
`783`	`788`	`}`
`784`	`789`	`}`
`785`	`790`	`>`
@@ -872,6 +877,7 @@ exports[`renders list item with title and description 1`] = `
`872`	`877`	`Object {`
`873`	`878`	`"flexDirection": "row",`
`874`	`879`	`"marginVertical": 6,`
	`880`	`+ "width": "100%",`
`875`	`881`	`}`
`876`	`882`	`}`
`877`	`883`	`>`
@@ -993,6 +999,7 @@ exports[`renders with a description with typeof number 1`] = `
`993`	`999`	`Object {`
`994`	`1000`	`"flexDirection": "row",`
`995`	`1001`	`"marginVertical": 6,`
	`1002`	`+ "width": "100%",`
`996`	`1003`	`}`
`997`	`1004`	`}`
`998`	`1005`	`>`
Original file line number	Diff line number	Diff line change
@@ -252,6 +252,7 @@ exports[`renders list section with custom title style 1`] = `
`252`	`252`	`Object {`
`253`	`253`	`"flexDirection": "row",`
`254`	`254`	`"marginVertical": 6,`
	`255`	`+ "width": "100%",`
`255`	`256`	`}`
`256`	`257`	`}`
`257`	`258`	`>`
@@ -392,6 +393,7 @@ exports[`renders list section with custom title style 1`] = `
`392`	`393`	`Object {`
`393`	`394`	`"flexDirection": "row",`
`394`	`395`	`"marginVertical": 6,`
	`396`	`+ "width": "100%",`
`395`	`397`	`}`
`396`	`398`	`}`
`397`	`399`	`>`
@@ -749,6 +751,7 @@ exports[`renders list section with subheader 1`] = `
`749`	`751`	`Object {`
`750`	`752`	`"flexDirection": "row",`
`751`	`753`	`"marginVertical": 6,`
	`754`	`+ "width": "100%",`
`752`	`755`	`}`
`753`	`756`	`}`
`754`	`757`	`>`
@@ -889,6 +892,7 @@ exports[`renders list section with subheader 1`] = `
`889`	`892`	`Object {`
`890`	`893`	`"flexDirection": "row",`
`891`	`894`	`"marginVertical": 6,`
	`895`	`+ "width": "100%",`
`892`	`896`	`}`
`893`	`897`	`}`
`894`	`898`	`>`
@@ -1208,6 +1212,7 @@ exports[`renders list section without subheader 1`] = `
`1208`	`1212`	`Object {`
`1209`	`1213`	`"flexDirection": "row",`
`1210`	`1214`	`"marginVertical": 6,`
	`1215`	`+ "width": "100%",`
`1211`	`1216`	`}`
`1212`	`1217`	`}`
`1213`	`1218`	`>`
@@ -1348,6 +1353,7 @@ exports[`renders list section without subheader 1`] = `
`1348`	`1353`	`Object {`
`1349`	`1354`	`"flexDirection": "row",`
`1350`	`1355`	`"marginVertical": 6,`
	`1356`	`+ "width": "100%",`
`1351`	`1357`	`}`
`1352`	`1358`	`}`
`1353`	`1359`	`>`