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

Added rigth panel

Browse Source
This commit is contained in:
Roman Gotsiy 2015-10-21 14:07:22 +03:00
parent 2d039f5740
commit 1ac727290f
5 changed files with 58 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
demo/main.css
View File

@ -7,10 +7,14 @@ body {
side-menu, redoc { side-menu, redoc {
display: block; display: block;
padding: 10px 20px;
box-sizing: border-box; box-sizing: border-box;
} }
api-info, side-menu {
display: block;
padding: 10px 20px;
}
side-menu { side-menu {
position: fixed; position: fixed;
width: 260px; width: 260px;

15
lib/components/Method/method.css
View File

@ -17,6 +17,21 @@ h3 > span {
vertical-align: middle; vertical-align: middle;
} }
.content, .samples {
display: block;
box-sizing: border-box;
width: 50%;
float: left;
padding: 0 20px;
}
.method:after {
content: "";
display: table;
clear:both;
}
.method-description { .method-description {
padding: 30px 0; padding: 30px 0;
} }

31
lib/components/Method/method.html
View File

@ -1,12 +1,19 @@
<h2>{{data.methodInfo.summary}}</h2> <div class="method">
<h3> <div class="content">
<span class="http-method" [ng-class]="data.method">{{data.method}}</span> <h2>{{data.methodInfo.summary}}</h2>
<span class="path">{{data.path}}</span> <h3>
</h3> <span class="http-method" [ng-class]="data.method">{{data.method}}</span>
<p *ng-if="data.methodInfo.description" class="method-description"> <span class="path">{{data.path}}</span>
{{data.methodInfo.description}} </h3>
</p> <p *ng-if="data.methodInfo.description" class="method-description">
<br> {{data.methodInfo.description}}
<params-list pointer="{{pointer}}/parameters"> </params-list> </p>
<br> <br>
<responses-list pointer="{{pointer}}/responses"> </responses-list> <params-list pointer="{{pointer}}/parameters"> </params-list>
<br>
<responses-list pointer="{{pointer}}/responses"> </responses-list>
</div>
<div class="samples">
</div>
<div>

18
lib/components/MethodsList/methods-list.css
View File

@ -1,5 +1,21 @@
method { method {
padding-bottom: 100px; padding-bottom: 100px;
display: block; display: block;
border-bottom: 1px solid silver; border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.methods {
display: block;
position: relative;;
}
.methods:before {
content: "";
background: rgb(59, 59, 105);
height: 100%;
width: 50%;
top: 0;
right: 0;
position: absolute;
z-index: -1;
} }

4
lib/components/MethodsList/methods-list.html
View File

@ -1,4 +1,4 @@
<div *ng-for="#method of data.methods"> <div class="methods">
<method [pointer]="method.pointer" [attr.pointer]="method.pointer" <method *ng-for="#method of data.methods" [pointer]="method.pointer" [attr.pointer]="method.pointer"
[attr.tag]="method.tag"></method> [attr.tag]="method.tag"></method>
</div> </div>