Merge pull request #84 from advanced-rest-client/feat/W-15595102/server-name-method

feat(W-15595102): apply servers name for endpoint documentation

Author: leandrogilcarrano

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`<div class="async-servers-path url-channel-value">${this.path}</div>`;
     }
     return '';
@@ -313,8 +313,7 @@ export class ApiUrl extends AmfHelperMixin(LitElement) {
   }
 
   _getAsyncServersNamesTemplate(asyncServersNames) {
-    const { _method } = this;
-    if (asyncServersNames && !!_method) {
+    if (asyncServersNames) {
       return html`<div class="async-server-names-container">
         <span class="async-server-names-title">Available on servers:</span> ${this._getAsyncServersNamesList(asyncServersNames)}</div>`
     }

src/Styles.js

@@ -301,16 +301,17 @@ 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;
   font-style: normal;
   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;
 }