fix: allow results to fill the entire pane horizontally (#1142)

noelleleigh · web-flow · commit d418b026dc98 · 2020-04-03T14:05:22.000-04:00
Makes it easier to read stack traces.
diff --git a/packages/graphql-playground-react/src/components/Playground/ResultViewer.tsx b/packages/graphql-playground-react/src/components/Playground/ResultViewer.tsx
@@ -136,7 +136,6 @@ const Result = styled<ResultProps, 'div'>('div')`
   }
   .CodeMirror-scroll {
     overflow: auto !important;
-    max-width: 50vw;
     margin-right: 10px;
   }
   .CodeMirror-sizer {

Original file line number	Diff line number	Diff line change
@@ -136,7 +136,6 @@ const Result = styled<ResultProps, 'div'>('div')`
`136`	`136`	`}`
`137`	`137`	`.CodeMirror-scroll {`
`138`	`138`	`overflow: auto !important;`
`139`		`- max-width: 50vw;`
`140`	`139`	`margin-right: 10px;`
`141`	`140`	`}`
`142`	`141`	`.CodeMirror-sizer {`