minor fixes

Author: timsuchanek

packages/graphql-playground/package.json

@@ -115,7 +115,7 @@
     "classnames": "^2.2.5",
     "codemirror": "^5.27.4",
     "cuid": "^1.3.8",
-    "graphcool-styles": "^0.2.5",
+    "graphcool-styles": "0.2.4",
     "graphcool-tmp-ui": "^0.0.11",
     "graphiql": "^0.11.2",
     "graphql": "^0.10.5",

packages/graphql-playground/src/components/Playground/Results.tsx

@@ -21,8 +21,7 @@ export default class Results extends React.Component<Props, {}> {
       >
         <style jsx={true}>{`
           .result-window {
-            @p: .bgDarkBlue, .nosb;
-            overflow: auto;
+            @p: .bgDarkBlue, .nosb, .relative;
           }
 
           .result-window.disableResize :global(.CodeMirror-gutters) {
@@ -47,6 +46,15 @@ export default class Results extends React.Component<Props, {}> {
             @p: .bgDarkBlue, .white50, .f12;
             padding-left: 15px;
           }
+
+          .result-viewer-wrapper {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            overflow: auto;
+          }
         `}</style>
         {this.props.responses.map(response => (
           <div key={response.resultID || String(response.time)}>
@@ -58,10 +66,12 @@ export default class Results extends React.Component<Props, {}> {
                   </div>
                 </div>
               )}
-            <ResultViewer
-              value={response.date}
-              hideGutters={this.props.hideGutters}
-            />
+            <div className="result-viewer-wrapper">
+              <ResultViewer
+                value={response.date}
+                hideGutters={this.props.hideGutters}
+              />
+            </div>
           </div>
         ))}
       </div>

packages/graphql-playground/src/components/Playground/TabBar.tsx

@@ -71,7 +71,7 @@ export const TabBar = withTheme<Props>(
 
           .tabs {
             @p: .mt16, .ml0, .flex, .itemsCenter, .z0, .overflowAuto;
-            margin-right: 240px;
+            margin-right: 60px;
           }
 
           .tabs.isApp {

packages/graphql-playground/src/middlewareIndex.tsx

@@ -51,6 +51,11 @@ const folderName = `airbnb`
 const exampleYmlConfig = `\
 schemaPath: schema.graphql
 projects:
+  privateCluster:
+    extensions:
+      endpoints:
+        default:
+          url: 'https://tim.graph.cool/system'
   gateway:
     extensions:
       endpoints:

packages/graphql-playground/yarn.lock

@@ -3030,23 +3030,23 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.2, graceful-fs@^4.1.4, graceful-fs@^4.1.6,
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/graceful-readlink/-/graceful-readlink-1.0.1.tgz#4cafad76bc62f02fa039b2f94e9a3dd3a391a725"
 
-graphcool-styles@^0.1.31:
-  version "0.1.31"
-  resolved "https://registry.yarnpkg.com/graphcool-styles/-/graphcool-styles-0.1.31.tgz#efb04329a0e5d2788023e45e43925a85664e83dd"
+graphcool-styles@0.2.4:
+  version "0.2.4"
+  resolved "https://registry.yarnpkg.com/graphcool-styles/-/graphcool-styles-0.2.4.tgz#c04aa8a440280e910e4c9cfa1ef97052d1060198"
   dependencies:
     html-webpack-plugin "^2.24.1"
     interactive "^0.1.9"
+    isomorphic-fetch "^2.2.1"
     object-assign "^4.1.0"
     react-dom "^15.3.2"
     webpack-dev-server "^1.16.2"
 
-graphcool-styles@^0.2.5:
-  version "0.2.5"
-  resolved "https://registry.yarnpkg.com/graphcool-styles/-/graphcool-styles-0.2.5.tgz#4cc151afb39e29b46f31f44a9b531d970d9d4cf8"
+graphcool-styles@^0.1.31:
+  version "0.1.31"
+  resolved "https://registry.yarnpkg.com/graphcool-styles/-/graphcool-styles-0.1.31.tgz#efb04329a0e5d2788023e45e43925a85664e83dd"
   dependencies:
     html-webpack-plugin "^2.24.1"
     interactive "^0.1.9"
-    isomorphic-fetch "^2.2.1"
     object-assign "^4.1.0"
     react-dom "^15.3.2"
     webpack-dev-server "^1.16.2"