Merge pull request #83 from graphql/standalone-css

separate out html/body styles to example app
graphql · Jan 27, 2016 · 8874154 · 8874154
2 parents af0afe8 + d6ef344
commit 8874154
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/css/app.css b/css/app.css
@@ -1,11 +1,8 @@
-html, body {
+#graphiql-container {
   height: 100%;
   margin: 0;
-  overflow: hidden;
   width: 100%;
-}
-
-#graphiql-container {
+  overflow: hidden;
   color: #141823;
   width: 100%;
   display: -webkit-flex;

diff --git a/example/index.html b/example/index.html
@@ -9,6 +9,14 @@
 <!DOCTYPE html>
 <html>
   <head>
+    <style>
+      html, body {
+        height: 100%;
+        margin: 0;
+        width: 100%;
+        overflow: hidden;
+      }
+    </style>
     <link rel="stylesheet" href="./graphiql.css" />
     <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.0/react-dom.min.js"></script>