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 { .report-icons {
margin: 20px 20px 20px 20px; margin: 20px 0;
float: right; float: left;
} }
.full-width { .full-width {

View File

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