Gql docs (Platform-OS#1093)

* GQL Docs

* Template

* Template

.gitignore

@@ -13,4 +13,5 @@ app/assets/*.js
 app/assets/*.map
 app/assets/*.txt
 
-modules/graphql/public/views/pages/**/*
+
+modules/graphql/public/views/pages/**/*.html

modules/graphql/public/assets/code.css

@@ -1,32 +1,27 @@
+code {
+ background-color: transparent;
+}
+
 .code {
- background-color: #fff;
- color: #4d4d4c;
- border: 1px solid #4d4d4c;
- font-size: 14px;
  font-family: "Ubuntu Mono", "Lucida Console", Monaco, monospace;
+ background-color: transparent;
+ background: #f5f2f0;
  list-style-type: decimal;
- border-radius: 0.25rem;
-}
-
-.code .gutter {
- background: #f6f6f6;
- color: #4d4d4c;
-}
-
-.code .print-margin {
- width: 1px;
- background: #f6f6f6;
+ padding-left: 2rem;
 }
 
 .code .row:hover {
- background: #efefef;
+ background: #fffbdd;
 }
 
 .code .td-index {
  color: rgba(27, 31, 35, 0.3);
- padding: 1px 8px 1px 16px;
+ padding: 1px 10px 1px 16px;
  text-align: right;
  width: 1%;
+ border-top: 0;
+ border-bottom: 0;
+ border-right: 1px solid #ccc;
 }
 
 .code .td-index:hover {
@@ -36,53 +31,21 @@
 
 .code .td-code {
  padding: 1px 8px;
+ border: 0;
 }
 
 .code .td-code.highlighted {
  background-color: #fffbdd;
 }
 
-.code .tab {
- padding-left: 2em;
-}
-
-.code .cursor {
- color: #aeafad;
-}
-
-.code .marker-layer .selection {
- background: #d6d6d6;
-}
-
-.code.multiselect .selection.start {
- box-shadow: 0 0 3px 0px #ffffff;
-}
-
-.code .marker-layer .step {
- background: rgb(255, 255, 0);
-}
-
-.code .marker-layer .bracket {
- margin: -1px 0 0 -1px;
- border: 1px solid #d1d1d1;
-}
-
-.code .marker-layer .active-line {
- background: #efefef;
-}
-
-.code .gutter-active-line {
- background-color: #dcdcdc;
-}
-
-.code .marker-layer .selected-word {
- border: 1px solid #d6d6d6;
-}
-
 .code .invisible {
  color: #d1d1d1;
 }
 
+.code .tab {
+ padding-left: 1.5rem;
+}
+
 .code .keyword,
 .code .meta,
 .code .storage,
@@ -151,8 +114,3 @@
 .code .comment {
  color: #8e908c;
 }
-
-.code .indent-guide {
- background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bdu3f/BwAlfgctduB85QAAAABJRU5ErkJggg==)
- right repeat-y;
-}

modules/graphql/public/assets/filter-types.js

@@ -1,6 +1,6 @@
 (function() {
- var HIDE_CLASS = 'slds-hide';
- var ITEM_CLASS = 'slds-item';
+ var HIDE_CLASS = 'hidden';
+ var ITEM_CLASS = 'inline-block';
 
  function Item(li) {
  this.li = li;
@@ -45,7 +45,7 @@
  });
  };
 
- var items = ItemList.fromSelector('nav .slds-navigation-list--vertical li');
+ var items = ItemList.fromSelector('nav ul li');
  var input = document.getElementById('type-search');
  var lastMatch = '';