Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2024-09-21 11:18:48 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update file produces/consumes look

Browse Source
This commit is contained in:
Roman Hotsiy 2016-07-01 18:10:01 +03:00
parent 6a8f1e6e21
commit f0fe212c24
No known key found for this signature in database
GPG Key ID: 5CB7B3ACABA57CB0
3 changed files with 21 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
lib/components/JsonSchema/json-schema-common.scss
View File

@ -87,6 +87,11 @@ $sub-schema-offset: ($bullet-size/2) + $bullet-margin;
display: inline-block; display: inline-block;
} }
.param-type-file {
font-weight: bold;
text-transform: capitalize;
}
/* tree */ /* tree */
// Bullet // Bullet

10
lib/components/JsonSchema/json-schema.html
View File

@ -1,10 +1,14 @@
<span *ngIf="schema.isFile" class="param-wrap"> <span *ngIf="schema.isFile" class="param-wrap">
<span class="param-file">file</span> <span class="param-type-file">file</span>
<div *ngIf="schema._produces && !isRequestSchema" class="file produces"> <div *ngIf="schema._produces && !isRequestSchema" class="file produces">
Produces: {{ schema._produces | json }} <ul>
<li *ngFor="let type of schema._produces">{{type}}</li>
</ul>
</div> </div>
<div *ngIf="schema._consumes && isRequestSchema" class="file consume"> <div *ngIf="schema._consumes && isRequestSchema" class="file consume">
Consumes: {{ schema._consumes | json }} <ul>
<li *ngFor="let type of schema._consumes">{{type}}</li>
</ul>
</div> </div>
</span> </span>
<span *ngIf="schema.isTrivial && !schema.isFile" class="param-wrap"> <span *ngIf="schema.isTrivial && !schema.isFile" class="param-wrap">

33
lib/components/JsonSchema/json-schema.scss
View File

@ -180,31 +180,16 @@ $array-marker-line-height: 1.5;
} }
} }
ul { ul, li {
text-align: left;
margin: 0; margin: 0;
padding: 0;
display: block;
} }
li { ul {
margin: 0.5em 0.3em 0.2em 0; list-style: none;
font-family: $headers-font, $headers-font-family; padding-left: 1em;
font-size: .929em; }
line-height: .929em;
border: 0; li:before {
color: white; content: "- ";
padding: 2px 8px 4px 8px; font-weight: bold;
border-radius: $border-radius;
background-color: rgba($black, 0.3);
display: inline-block;
cursor: pointer;
&:last-of-type {
margin-right: 0;
}
&.active {
background-color: $primary-color;
}
} }