diff --git a/lib/components/EndpointLink/endpoint-link.scss b/lib/components/EndpointLink/endpoint-link.scss
index 9a70ba0a..c78bc197 100644
--- a/lib/components/EndpointLink/endpoint-link.scss
+++ b/lib/components/EndpointLink/endpoint-link.scss
@@ -71,6 +71,7 @@
border: 1px solid $border-color;
background: $background-color;
word-break: break-all;
+ color: $primary-color;
}
&:last-child {
diff --git a/lib/components/EndpointLink/endpoint-link.ts b/lib/components/EndpointLink/endpoint-link.ts
index 7922a6f1..51dad69b 100644
--- a/lib/components/EndpointLink/endpoint-link.ts
+++ b/lib/components/EndpointLink/endpoint-link.ts
@@ -2,6 +2,7 @@
import { Component, ChangeDetectionStrategy, Input, OnInit, HostListener, HostBinding} from '@angular/core';
import { BaseComponent, SpecManager } from '../base';
import { OptionsService } from '../../services/';
+import { stripTrailingSlash } from '../../utils/';
export interface ServerInfo {
description: string;
@@ -36,7 +37,7 @@ export class EndpointLink implements OnInit {
if (servers) {
this.servers = servers.map(({url, description}) => ({
description,
- url: url.startsWith('//') ? `${this.specMgr.apiProtocol}:${url}` : url
+ url: stripTrailingSlash(url.startsWith('//') ? `${this.specMgr.apiProtocol}:${url}` : url)
}));
} else {
this.servers = [
diff --git a/lib/components/Operation/operation.html b/lib/components/Operation/operation.html
index c9303120..4fa9a345 100644
--- a/lib/components/Operation/operation.html
+++ b/lib/components/Operation/operation.html
@@ -3,6 +3,8 @@
+
@@ -14,9 +16,9 @@
-
-
+
diff --git a/lib/components/Operation/operation.scss b/lib/components/Operation/operation.scss
index 171696e7..d6cdfaf4 100644
--- a/lib/components/Operation/operation.scss
+++ b/lib/components/Operation/operation.scss
@@ -57,6 +57,10 @@
background: $samples-panel-bg-color;
}
+.operation-samples pre {
+ color: $sample-panel-color;
+}
+
.operation-samples header,
.operation-samples > h5 {
color: $sample-panel-headers-color;
@@ -103,3 +107,28 @@
padding-bottom: 0;
}
}
+
+.operation-content /deep/ endpoint-link {
+ margin-bottom: 16px;
+
+ .operation-endpoint[class] {
+ padding: 5px 30px 5px 5px;
+ border: 0;
+ border-bottom: 1px solid $border-color;
+ border-radius: 0;
+ background-color: transparent;
+ }
+ .operation-api-url-path {
+ color: $black;
+ }
+
+ .expand-icon {
+ top: 8px;
+ background-color: $border-color;
+ }
+
+ .servers-overlay {
+ border: 1px solid $border-color;
+ border-top: 0;
+ }
+}
diff --git a/lib/components/Operation/operation.ts b/lib/components/Operation/operation.ts
index 9b635cd4..0ad54e6b 100644
--- a/lib/components/Operation/operation.ts
+++ b/lib/components/Operation/operation.ts
@@ -35,12 +35,15 @@ export class Operation extends BaseComponent implements OnInit {
@HostBinding('attr.operation-id') operationId;
operation: OperationInfo;
+ pathInMiddlePanel: boolean;
constructor(
specMgr:SpecManager,
private optionsService: OptionsService,
private menu: MenuService) {
super(specMgr);
+
+ this.pathInMiddlePanel = optionsService.options.pathInMiddlePanel;
}
init() {
diff --git a/lib/components/Redoc/redoc.scss b/lib/components/Redoc/redoc.scss
index d9503f00..38c6b3f3 100644
--- a/lib/components/Redoc/redoc.scss
+++ b/lib/components/Redoc/redoc.scss
@@ -45,7 +45,7 @@
}
side-menu {
- overflow-y: auto;
+ overflow: hidden;
}
[sticky-sidebar] {
@@ -264,6 +264,7 @@ footer {
code {
background-color: transparent;
+ color: white;
&:before, &:after {
content: none;
diff --git a/lib/components/Search/redoc-search.scss b/lib/components/Search/redoc-search.scss
index c58fc3b5..8b25e5c7 100644
--- a/lib/components/Search/redoc-search.scss
+++ b/lib/components/Search/redoc-search.scss
@@ -62,7 +62,7 @@ input {
}
li.menu-item-depth-1 {
- color: #0033a0;
+ color: $primary-color;
text-transform: uppercase;
}
diff --git a/lib/components/SideMenu/side-menu-items.scss b/lib/components/SideMenu/side-menu-items.scss
index 60bd02dd..6882b46d 100644
--- a/lib/components/SideMenu/side-menu-items.scss
+++ b/lib/components/SideMenu/side-menu-items.scss
@@ -9,6 +9,7 @@
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
display: block;
+ margin: 0;
padding: $side-menu-item-vpadding*2.5 $side-menu-item-hpadding;
&[hidden] {
@@ -33,11 +34,6 @@
padding: 0;
}
-.menu-item:hover,
-.menu-item.active {
- //background: darken($side-menu-active-bg-color, 6%);
-}
-
.menu-subitems {
margin: 0;
font-size: 0.929em;
diff --git a/lib/components/SideMenu/side-menu.html b/lib/components/SideMenu/side-menu.html
index 7a5f6ccd..301cd443 100644
--- a/lib/components/SideMenu/side-menu.html
+++ b/lib/components/SideMenu/side-menu.html
@@ -4,8 +4,14 @@
{{activeItemCaption}}
-
+
+
+
+
+
diff --git a/lib/components/SideMenu/side-menu.scss b/lib/components/SideMenu/side-menu.scss
index f894233d..09ee79f7 100644
--- a/lib/components/SideMenu/side-menu.scss
+++ b/lib/components/SideMenu/side-menu.scss
@@ -2,10 +2,14 @@
$mobile-menu-compact-breakpoint: 550px;
:host {
- display: block;
+ display: flex;
box-sizing: border-box;
}
+#resources-nav {
+ position: relative;
+}
+
ul.menu-root {
margin: 0;
padding: 0;
@@ -35,6 +39,10 @@ ul.menu-root {
}
@media (max-width: $side-menu-mobile-breakpoint) {
+ :host {
+ display: block;
+ }
+
.mobile-nav {
display: block;
}
diff --git a/lib/components/SideMenu/side-menu.ts b/lib/components/SideMenu/side-menu.ts
index 0838b9c3..774e4465 100644
--- a/lib/components/SideMenu/side-menu.ts
+++ b/lib/components/SideMenu/side-menu.ts
@@ -6,12 +6,14 @@ import { Component,
Output,
ElementRef,
ChangeDetectorRef,
+ ViewChild,
OnInit,
OnDestroy
} from '@angular/core';
import { trigger, state, animate, transition, style } from '@angular/core';
import { ScrollService, MenuService, OptionsService, MenuItem } from '../../services/';
+import { PerfectScrollbar } from '../../shared/components';
import { BrowserDomAdapter as DOM } from '../../utils/browser-adapter';
const global = window;
@@ -50,6 +52,8 @@ export class SideMenu implements OnInit, OnDestroy {
activeCatCaption: string;
activeItemCaption: string;
menuItems: Array