diff --git a/src/ApiUrl.js b/src/ApiUrl.js index e0407fc..33c453c 100644 --- a/src/ApiUrl.js +++ b/src/ApiUrl.js @@ -278,8 +278,8 @@ export class ApiUrl extends AmfHelperMixin(LitElement) { } renderAsyncApi(asyncServersNames){ - const { url, _method } = this; - if(!_method){ + const { url, _endpoint } = this; + if(!_endpoint){ return '' } return html` @@ -297,7 +297,7 @@ export class ApiUrl extends AmfHelperMixin(LitElement) { } _getAsyncPathTemplate() { - if (this.isNotHttp && !!this._method) { + if (this.isNotHttp) { return html`
${this.path}
`; } return ''; @@ -313,8 +313,7 @@ export class ApiUrl extends AmfHelperMixin(LitElement) { } _getAsyncServersNamesTemplate(asyncServersNames) { - const { _method } = this; - if (asyncServersNames && !!_method) { + if (asyncServersNames) { return html`
Available on servers: ${this._getAsyncServersNamesList(asyncServersNames)}
` } diff --git a/src/Styles.js b/src/Styles.js index 07f98bc..3a0e594 100644 --- a/src/Styles.js +++ b/src/Styles.js @@ -301,7 +301,8 @@ api-security-documentation:last-of-type { } .async-servers .async-server-name{ - color: var(--api-method-documentation-async-server-names-color,#249FC6); + color: var(--api-method-documentation-async-server-names-color,#ffffff); + background-color: var(--api-method-documentation-async-server-names-bg-color,#506773); text-align: center; font-family: var(--api-method-documentation-async-server-names-font,Avenir); font-size: 14px; @@ -309,8 +310,8 @@ api-security-documentation:last-of-type { font-weight: 500; line-height: normal; border-radius: 4px; - border: 1px solid var(--api-method-documentation-async-server-names-border-color,#249FC6);; - padding: 0px 8px 0px 8px; + border: 1px solid var(--api-method-documentation-async-server-names-border-color,#506773);; + padding: 1px 8px 1px 8px; margin-right: 10px; }