Merge pull request #1 from kenshanta/responsive-doc-view

kenshanta · web-flow · commit c5bf3d47eed9 · 2024-11-11T16:39:58.000+01:00
word-break for `li` and `p` elements
diff --git a/src/components/page-footer.js b/src/components/page-footer.js
@@ -31,7 +31,7 @@ const Contributors = ({contributors = [], latestCommit}) => {
 
   return (
     <>
-      <Box sx={{display: 'flex', alignItems: 'center'}}>
+      <Box sx={{display: 'flex', alignItems: 'center', flexWrap: 'wrap'}}>
         <Text sx={{mr: 2}}>
           {contributors.length} {pluralize('contributor', contributors.length)}
         </Text>
diff --git a/src/mdx/components.js b/src/mdx/components.js
@@ -179,7 +179,7 @@ export const UnorderedList = styled.ul`
   }
 
   li {
-    word-break: break-all;
+    word-break: break-word;
   }
 
   li > p {
@@ -195,6 +195,7 @@ export const OrderedList = UnorderedList.withComponent('ol')
 
 export const Paragraph = styled.p`
   margin: 0 0 ${themeGet('space.3')};
+  word-break: break-word;
 `
 
 export const Table = styled.table`

Original file line number	Diff line number	Diff line change
@@ -179,7 +179,7 @@ export const UnorderedList = styled.ul`
`179`	`179`	`}`
`180`	`180`
`181`	`181`	`li {`
`182`		`- word-break: break-all;`
	`182`	`+ word-break: break-word;`
`183`	`183`	`}`
`184`	`184`
`185`	`185`	`li > p {`
`@@ -195,6 +195,7 @@ export const OrderedList = UnorderedList.withComponent('ol')`
`195`	`195`
`196`	`196`	export const Paragraph = styled.p`
`197`	`197`	`margin: 0 0 ${themeGet('space.3')};`
	`198`	`+ word-break: break-word;`
`198`	`199`	`
`199`	`200`
`200`	`201`	export const Table = styled.table`