Added Swagger

swagger/src/styles/_editor.less

@@ -0,0 +1,53 @@
+#ace-editor {
+  height: ~"calc(100vh - 51px)" !important;
+}
+
+.SplitPane {
+  height: ~"calc(100% - 51px)" !important;
+}
+
+.dropzone {
+  height: 100%;
+  width: 100%;
+
+  .dropzone__overlay {
+    padding-top: 20px;
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    left: 0;
+    background: #2D2D2D;
+    text-align: center;
+    color: #fff;
+    font-size: 1rem;
+  }
+}
+
+.swagger-ui {
+  // ensure Swagger-UI uses its entire container
+  height: 100%;
+
+  .version-pragma {
+    // make the version pragma message look nicer in the context
+    // of the Editor
+    font-size: 1.2em;
+  }
+}
+
+@media print {
+  //List of elements that should not be rendered for printing
+  .Pane1, .topbar {
+    display: none;
+  }
+
+  .SplitPane {
+    position: relative !important;
+    display: block !important;
+  }
+
+  //The right-hand preview pane should be the full width of the page
+  .Pane2 {
+    overflow-y: auto;
+    width: 100% !important;
+  }
+}

swagger/src/styles/_read-only-watermark.less

@@ -0,0 +1,35 @@
+.editor-readonly-watermark {
+    position: absolute;
+    top: 0;
+    height: 40px;
+    left: 0;
+    right: 0;
+    padding-right: 20px;
+    padding-top: 10px;
+    margin: 0;
+
+    z-index: 2;
+    color: #fff;
+    font-weight: bold;
+    text-align: right;
+    user-select: none;
+    pointer-events: none;
+
+    &:before {
+      z-index: 1;
+      pointer-events: none;
+      position: absolute;
+      content: ' ';
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+
+      background: linear-gradient(
+        to right,
+        rgba(255,255,255,0) 60%,
+        rgba(145, 145, 145, 0.31) 74%,
+        rgba(255, 255, 255, 0.17) 100%);
+
+    }
+  }

swagger/src/styles/main.less

@@ -0,0 +1,14 @@
+
+.swagger-editor {
+  // Partials
+  @import './_editor.less';
+  @import './_read-only-watermark.less';
+  
+  @import (less) "../../node_modules/swagger-ui/dist/swagger-ui.css";
+}
+
+.swagger-editor-standalone {
+  // Standalone preset
+  @import "../standalone/styles/main.less";
+  @import (less) "../../node_modules/react-dd-menu/dist/react-dd-menu.css";
+}