Added rigth panel

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

View File

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

View File

@ -17,6 +17,21 @@ h3 > span {
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 {
padding: 30px 0;
}

View File

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

View File

@ -1,5 +1,21 @@
method {
padding-bottom: 100px;
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;
}

View File

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