fix layout issues for report list (#2394)

This commit is contained in:
Denys Vuika 2017-09-29 06:56:45 -04:00 committed by Eugenio Romano
parent 24bf9fb1c3
commit f224c594c6
2 changed files with 14 additions and 6 deletions

View File

@ -1,12 +1,15 @@
<div class="adf-analytics-report-list menu-container">
<md-nav-list *ngIf="isList()">
<md-list-item class="activiti-filters__entry" (click)="selectReport(report)" *ngFor="let report of reports; let idx = index"
<md-list-item
class="activiti-filters__entry"
(click)="selectReport(report)"
*ngFor="let report of reports; let idx = index"
[class.active]="currentReport === report">
<span [attr.id]="'report-list-' + idx">
<md-icon md-list-icon
[attr.data-automation-id]="report.name + '_filter'"
class="activiti-filters__entry-icon">assignment</md-icon>
<span class="text">{{report.name}}</span>
<span [attr.id]="'report-list-' + idx" class="activiti-filters__label">
<md-icon md-list-icon
[attr.data-automation-id]="report.name + '_filter'"
class="activiti-filters__entry-icon">assignment</md-icon>
<span class="text">{{report.name}}</span>
</span>
</md-list-item>
</md-nav-list>

View File

@ -12,6 +12,11 @@
top: 5px;
}
.activiti-filters__label {
white-space: nowrap;
overflow: hidden;
}
.mat-nav-list .mat-list-item .mat-list-item-content {
line-height: 48px;
}