Redocly/redoc
1
1
Fork 0
mirror of https://github.com/Redocly/redoc.git synced 2025-07-03 18:53:02 +03:00
Code Issues Packages Projects Releases Wiki Activity

zippy indicator minor ui fix

Browse Source
This commit is contained in:
Roman Hotsiy 2015-11-29 20:04:21 +02:00
parent d30a2c5529
commit 83abbfc486
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/common/components/Zippy/zippy.html
View File

@ -1,7 +1,7 @@
<div class="zippy zippy-{{type}}" [ng-class]="{'zippy-empty': empty}"> <div class="zippy zippy-{{type}}" [ng-class]="{'zippy-empty': empty}">
<div class="zippy-title" (click)="toggle()"> <div class="zippy-title" (click)="toggle()">
<span class="zippy-indicator">{{ visible ? '&blacktriangledown;' : '&blacktriangleright;' }}</span>
{{title}} {{title}}
<span class="zippy-indicator"> {{ visible ? '&blacktriangledown;' : '&blacktriangleright;' }} </span>
</div> </div>
<div class="zippy-content" [ng-class]="{'zippy-hidden': !visible}"> <div class="zippy-content" [ng-class]="{'zippy-hidden': !visible}">
<ng-content></ng-content> <ng-content></ng-content>

5
lib/common/components/Zippy/zippy.scss
View File

@ -39,9 +39,10 @@ $zippy-redirect-color: #AC7C09;
} }
span.zippy-indicator { span.zippy-indicator {
float: left;
font-size: 1.5em; font-size: 1.5em;
margin-right: 0.1em; line-height: 1;
margin-right: 0.2em;
vertical-align: text-bottom;
} }
.zippy-content { .zippy-content {