asonix/matrix-dimension
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Make the whole box title clickable

Browse source
This commit is contained in:
Travis Ralston 2017-12-22 21:44:21 -07:00
parent 63a3b6b4c2
commit 0b63c8eb85
2 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
web/app/elements/ibox/ibox.component.html
View file

@ -1,10 +1,9 @@
<div class="ibox">
<div class="ibox-title">
<div class="ibox-title" (click)="collapsed = !collapsed" [ngClass]="[isCollapsible ? 'ibox-title-collapsible' : '']">
<h5>{{ title }}</h5>
<ng-content select=".my-ibox-addl-title"></ng-content>
<i class="ibox-icon fa" *ngIf="isCollapsible"
[ngClass]="[collapsed ? 'fa-chevron-right' : 'fa-chevron-down']"
(click)="collapsed = !collapsed"></i>
[ngClass]="[collapsed ? 'fa-chevron-right' : 'fa-chevron-down']"></i>
</div>
<div class="ibox-content" *ngIf="!collapsed">
<ng-content select=".my-ibox-content"></ng-content>

4
web/app/elements/ibox/ibox.component.scss
View file

@ -25,4 +25,8 @@
float: right;
margin-top: 4px;
cursor: pointer;
}
.ibox .ibox-title.ibox-title-collapsible {
cursor: pointer;
}