fix(gatsby-theme-docz): fix horizontal code overflow

rakannimer · rakannimer · commit a0b7823bd113 · 2019-12-03T12:59:01.000+02:00
diff --git a/core/gatsby-theme-docz/src/components/Code/index.js b/core/gatsby-theme-docz/src/components/Code/index.js
@@ -21,7 +21,7 @@ export const Code = ({ children, className: outerClassName }) => {
       {({ className, style, tokens, getLineProps, getTokenProps }) => (
         <Styled.pre
           className={`${outerClassName || ''} ${className}`}
-          style={style}
+          style={{ ...style, overflowX: 'auto' }}
           data-testid="code"
         >
           {tokens.map((line, i) => (

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ export const Code = ({ children, className: outerClassName }) => {`
`21`	`21`	`{({ className, style, tokens, getLineProps, getTokenProps }) => (`
`22`	`22`	`<Styled.pre`
`23`	`23`	className={`${outerClassName \|\| ''} ${className}`}
`24`		`- style={style}`
	`24`	`+ style={{ ...style, overflowX: 'auto' }}`
`25`	`25`	`data-testid="code"`
`26`	`26`	`>`
`27`	`27`	`{tokens.map((line, i) => (`