openstack
/
fairy-slipper
Code Issues Proposed changes

Updated accordion style

This commit is contained in:
Russell Sim 2015-09-28 10:32:22 +10:00
parent c6f3f573fe
commit da3805a15c
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/app.css
View File

@ -126,3 +126,9 @@ a.accordion-toggle:focus, a.accordion-toggle:hover {
margin: 0 auto;
top: 50%;
}
/* Disable all boarders and shadows on accordians */
.panel {
border: 0;
box-shadow: 0 0 0 0;
}

7
public/browser/by-path.html
View File

@ -15,6 +15,9 @@
is-open="operation_open">
<accordion-heading>
<div class="operation-header">
<i class="pull-right glyphicon"
ng-class="{'glyphicon-menu-down': operation_open, 'glyphicon-menu-right': !operation_open}">
</i>
<div class="operation-method">
<swagger-method method="operation.method"></swagger-method>
</div>
@ -69,7 +72,7 @@
src="operation.examples"
trigger-load="operation_open">
</swagger-example>
<div ng-if="isEmpty(response.examples)">
<div ng-if="isEmpty(operation.examples)" class="well text-muted">
No request recorded.
</div>
<h4>Responses</h4>
@ -81,7 +84,7 @@
{{ status_code }}: {{ response.description }}
<i ng-if="!isEmpty(response.examples)"
class="pull-right glyphicon"
ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
ng-class="{'glyphicon-menu-down': status.open, 'glyphicon-menu-right': !status.open}"></i>
</accordion-heading>
<swagger-example swagger="swagger"
src="response.examples"

7
public/browser/by-tag.html
View File

@ -12,6 +12,9 @@
is-open="operation_open">
<accordion-heading>
<div class="operation-header">
<i class="pull-right glyphicon"
ng-class="{'glyphicon-menu-down': operation_open, 'glyphicon-menu-right': !operation_open}">
</i>
<div class="operation-method">
<swagger-method method="operation.method"></swagger-method>
</div>
@ -73,7 +76,7 @@
src="operation.examples"
trigger-load="operation_open">
</swagger-example>
<div ng-if="isEmpty(response.examples)">
<div ng-if="isEmpty(operation.examples)" class="well text-muted">
No request recorded.
</div>
<h4>Responses</h4>
@ -85,7 +88,7 @@
{{ status_code }}: {{ response.description }}
<i ng-if="!isEmpty(response.examples)"
class="pull-right glyphicon"
ng-class="{'glyphicon-chevron-down': status.open, 'glyphicon-chevron-right': !status.open}"></i>
ng-class="{'glyphicon-menu-down': status.open, 'glyphicon-menu-right': !status.open}"></i>
</accordion-heading>
<swagger-example swagger="swagger"
src="response.examples"