added search functionality to side nav bar

Author: mrin9

docs/list.html

@@ -51,7 +51,6 @@
     </div>
   </div>
 
-
   <div style="display:flex; flex-direction: column; margin:20px 32px">
     <table class="m-table">
       <tr> <th style="text-align:left">List of Examples</th></tr>

package.json

@@ -42,7 +42,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.6.4",
-    "@babel/preset-env": "^7.6.4",
+    "@babel/preset-env": "^7.6.3",
     "babel-loader": "^8.0.6",
     "babel-plugin-template-html-minifier": "^3.1.0",
     "clean-webpack-plugin": "^3.0.0",
@@ -60,8 +60,8 @@
     "node-sass": "^4.12.0",
     "sass-loader": "^8.0.0",
     "style-loader": "^1.0.0",
-    "webpack": "^4.41.0",
-    "webpack-bundle-analyzer": "^3.5.2",
+    "webpack": "^4.41.2",
+    "webpack-bundle-analyzer": "^3.6.0",
     "webpack-cli": "^3.3.9",
     "webpack-dev-server": "^3.8.2"
   }

src/components/api-request.js

@@ -95,7 +95,8 @@ export default class ApiRequest extends LitElement {
     this.responseText = '';
     this.responseUrl = '';
     this.curlSyntax = '';
-    this.activeSchemaTab = this.defaultSchemaTab;
+    // this.activeSchemaTab = this.defaultSchemaTab;
+    this.activeSchemaTab = 'model';
     this.activeResponseTab = 'response';
   }
 

src/components/api-response.js

@@ -16,7 +16,8 @@ export default class ApiResponse extends LitElement {
     this.selectedStatus = '';
     this.headersForEachRespStatus = {};
     this.mimeResponsesForEachStatus = {};
-    this.activeSchemaTab = this.defaultSchemaTab === 'model' ? 'model' : 'example';
+    // this.activeSchemaTab = this.defaultSchemaTab === 'model' ? 'model' : 'example';
+    this.activeSchemaTab = 'model';
   }
 
   render() {

src/components/end-points-expanded.js

@@ -13,10 +13,17 @@ export default class EndPointsExpanded extends LitElement {
       <style>
         .endpoint-body{
           border-top: 1px solid var(--light-border-color);
-          padding:36px 48px;
+          padding:24px 8px;
         }
         .endpoint-body:nth-child(even){
-          background-color:var(--bg3);
+          background-color:var(--bg2);
+        }
+
+        @media only screen and (min-width: 768px) {
+          .endpoint-body{
+            border-top: 1px solid var(--light-border-color);
+            padding:36px 48px;
+          }
         }
       </style>  
       ${this.paths.map((path) => this.endpointBodyTemplate(path))}

src/components/security-schemes.js

@@ -23,7 +23,7 @@ export default class SecuritySchemes extends LitElement {
         word-break: break-all;
       }
     </style>
-    <table class="m-table" style="margin: 0 24px 24px 24px">
+    <table class="m-table">
       <tr>
         <th >Type </th>  
         <th> Authentication Procedure </th>