fix: response samples - render description as markdown

fixes #190
Redocly · Feb 14, 2017 · 4acfc11 · 4acfc11
1 parent 77bc3c4
commit 4acfc11
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/lib/components/ResponsesSamples/responses-samples.html b/lib/components/ResponsesSamples/responses-samples.html
@@ -1,6 +1,6 @@
 <header *ngIf="data.responses.length"> Response samples </header>
 <tabs *ngIf="data.responses.length">
-  <tab *ngFor="let response of data.responses" tabTitle="{{response.code}} {{response.description}}"
+  <tab *ngFor="let response of data.responses" [tabTitle]="response.code + ' ' + response.description | marked"
     [tabStatus]="response.type">
     <schema-sample [pointer]="response.pointer"></schema-sample>
   </tab>

diff --git a/lib/shared/components/Tabs/tabs.html b/lib/shared/components/Tabs/tabs.html
@@ -1,5 +1,5 @@
 <ul>
   <li *ngFor="let tab of tabs" [ngClass]="{active: tab.active}" (click)="selectTab(tab)"
-    class="tab-{{tab.tabStatus}}">{{tab.tabTitle}}</li>
+    class="tab-{{tab.tabStatus}}" [innerHTML]="tab.tabTitle"></li>
 </ul>
 <ng-content></ng-content>
diff --git a/lib/shared/components/Tabs/tabs.scss b/lib/shared/components/Tabs/tabs.scss
@@ -16,6 +16,10 @@ li {
   cursor: pointer;
 }
 
+li /deep/ .redoc-markdown-block p {
+  display: inline;
+}
+
 .tab-success, .tab-error, .tab-redirect, .tab-info {
   &:before {
     content: "";