Slightly improve method headings formatting

This commit is contained in:
Russell Sim 2015-09-10 19:36:26 +10:00
parent 47e8f463a2
commit 1f2522043c
4 changed files with 52 additions and 13 deletions

View File

@ -35,6 +35,33 @@ a.accordion-toggle:focus, a.accordion-toggle:hover {
text-decoration: none;
}
.operation-header {
margin-top: 10px;
}
.operation-header h3{
margin-top: 0;
}
.operation-header small{
font-size: 65%;
}
.operation-method {
display: inline-block;
vertical-align: top;
}
.operation-title {
display: inline-block;
}
.swagger-method {
vertical-align: top;
top: 10px;
position: relative;
}
.content {
margin: 10px;
}

View File

@ -13,12 +13,18 @@
<accordion>
<accordion-group ng-repeat="operation in operations">
<accordion-heading>
<h3>
<swagger-method method="operation.method"></swagger-method>
{{ operation.title }}
<small>{{ operation.summary }}</small>
</h3>
<small></small>
<div class="operation-header">
<div class="operation-method">
<swagger-method method="operation.method"></swagger-method>
</div>
<div class="operation-title">
<h3>
{{ operation.title }}
<br/>
<small>{{ operation.summary }}</small>
</h3>
</div>
</div>
</accordion-heading>
<div class="row">
<div class="col-md-12">

View File

@ -10,12 +10,18 @@
<accordion>
<accordion-group ng-repeat="operation in operations[tag.name]">
<accordion-heading>
<h3>
<swagger-method method="operation.method"></swagger-method>
{{ operation.title }}
<small>{{ operation.summary }}</small>
</h3>
<small></small>
<div class="operation-header">
<div class="operation-method">
<swagger-method method="operation.method"></swagger-method>
</div>
<div class="operation-title">
<h3>
{{ operation.title }}
<br/>
<small>{{ operation.summary }}</small>
</h3>
</div>
</div>
</accordion-heading>
<div class="row">
<div class="col-md-12">

View File

@ -1 +1 @@
<span class="label {{ label_class }}">{{ method }}</span>
<span class="swagger-method label {{ label_class }}">{{ method }}</span>