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

[ADF-1494] Processlist Filter - Fix padding (#2279)

Browse Source 
* Fix processlist padding

* Move css in property above
This commit is contained in:
Maurizio Vitale 2017-09-04 14:14:21 +01:00 committed by Mario Romano
parent af900ab0af
commit cd5c8842f2
2 changed files with 22 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ng2-components/ng2-activiti-processlist/src/components/process-filters.component.html
View File

@ -1,12 +1,9 @@
<div class="menu-container"> <div class="menu-container">
<md-list> <md-list>
<md-list-item (click)="selectFilter(filter)" *ngFor="let filter of filters" <md-list-item (click)="selectFilter(filter)" *ngFor="let filter of filters"
[class.active]="currentFilter === filter"> class="adf-filters__entry" [class.active]="currentFilter === filter">
<span class="mdl-list__item-primary-content"> <md-icon *ngIf="hasIcon" mdListIcon class="adf-filters__entry-icon">assignment</md-icon>
<i *ngIf="showIcon" class="material-icons mdl-list__item-icon adf-filters__entry-icon" <span mdLine [attr.data-automation-id]="filter.name + '_filter'">{{filter.name}}</span>
[attr.data-automation-id]="filter.name + '_filter'">assignment</i>
{{filter.name}}
</span>
</md-list-item> </md-list-item>
</md-list> </md-list>
</div> </div>

37
ng2-components/ng2-activiti-processlist/src/components/process-filters.component.scss
View File

@ -1,28 +1,29 @@
@mixin mat-filters-process-theme($theme) { @mixin mat-filters-process-theme($theme) {
$primary: map-get($theme, primary); $primary: map-get($theme, primary);
.mdl-list__item { .adf {
cursor: pointer;
}
.activiti-filters__entry { &-filters__entry {
cursor: pointer; cursor: pointer;
} font-size: 14px!important;
font-weight: bold;
opacity: .54;
padding-left: 30px;
.activiti-filters__entry-icon { .mat-list-item-content {
margin-right: 12px !important; height: 34px;
} }
&.active, &:hover {
color: mat-color($primary);
opacity: 1;
}
}
.activiti-filters__entry.active { &-filters__entry-icon {
color: mat-color($primary); padding-right: 12px !important;
} padding-left: 0px !important;
}
.activiti-filters__entry:hover {
opacity: 0.8;
}
.activiti-filters__entry.active .activiti-filters__entry-icon {
color: mat-color($primary);
} }
} }