workaround for tooltips (#1786)

- migrate buttons to angular/material
- move buttons to the left (workaround for tooltips)
This commit is contained in:
Denys Vuika 2017-03-30 09:51:20 +01:00 committed by Eugenio Romano
parent fa448374a9
commit cbadbdec35
2 changed files with 8 additions and 7 deletions

View File

@ -8,8 +8,8 @@
}
.report-icons {
margin: 20px 20px 20px 20px;
float: right;
margin: 20px 0;
float: left;
}
.full-width {

View File

@ -1,10 +1,11 @@
<div *ngIf="reports">
<div class="report-icons">
<button mdTooltip="{{report.title}}" (click)="selectCurrent(idx)"
[class.mdl-button--accent]="isCurrent(idx)"
class="mdl-button mdl-js-button"
*ngFor="let report of reports; let idx = index">
<i class="material-icons">{{report.icon}}</i>
<button md-icon-button
*ngFor="let report of reports; let idx = index"
[mdTooltip]="report.title"
[color]="isCurrent(idx) ? 'primary' : null"
(click)="selectCurrent(idx)">
<md-icon>{{report.icon}}</md-icon>
</button>
</div>
<div class="clear-both"> </div>