Fix overflow docs (#875)

graphql · Nov 13, 2018 · 85c39ae · 85c39ae
1 parent 3bb0118
commit 85c39ae
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/packages/graphql-playground-react/src/components/Playground/DocExplorer/RootColumn.tsx b/packages/graphql-playground-react/src/components/Playground/DocExplorer/RootColumn.tsx
@@ -3,6 +3,7 @@ import ColumnDoc from './ColumnDoc'
 import SearchResults from './SearchResults'
 import GraphDocsRoot from './GraphDocsRoot'
 import SearchBox from './SearchBox'
+import { styled } from '../../../styled'
 
 export interface Props {
   searchValue: string
@@ -18,7 +19,7 @@ export default class RootColumn extends React.PureComponent<Props, {}> {
     return (
       <ColumnDoc width={width} overflow={false}>
         <SearchBox onSearch={handleSearch} />
-        <div className="overflowAuto flexAuto">
+        <Column>
           {searchValue && (
             <SearchResults
               searchValue={searchValue}
@@ -30,8 +31,12 @@ export default class RootColumn extends React.PureComponent<Props, {}> {
           {!searchValue && (
             <GraphDocsRoot schema={schema} sessionId={sessionId} />
           )}
-        </div>
+        </Column>
       </ColumnDoc>
     )
   }
 }
+
+const Column = styled.div`
+  overflow: auto;
+`