inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix layout issues for report list (#2394)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.html
View File

@ -1,12 +1,15 @@
<div class="adf-analytics-report-list menu-container"> <div class="adf-analytics-report-list menu-container">
<md-nav-list *ngIf="isList()"> <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"> [class.active]="currentReport === report">
<span [attr.id]="'report-list-' + idx"> <span [attr.id]="'report-list-' + idx" class="activiti-filters__label">
<md-icon md-list-icon <md-icon md-list-icon
[attr.data-automation-id]="report.name + '_filter'" [attr.data-automation-id]="report.name + '_filter'"
class="activiti-filters__entry-icon">assignment</md-icon> class="activiti-filters__entry-icon">assignment</md-icon>
<span class="text">{{report.name}}</span> <span class="text">{{report.name}}</span>
</span> </span>
</md-list-item> </md-list-item>
</md-nav-list> </md-nav-list>

5
ng2-components/ng2-activiti-analytics/src/components/analytics-report-list.component.scss
View File

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