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

[ADF-1480] Padding is missing from Task List (#2269)

Browse Source 
* Fixed padding
* Migrated from mdl to md
* Removed additonal styles from demo-shell
This commit is contained in:
Deepak Paul 2017-09-01 16:39:54 +05:30 committed by Mario Romano
parent 477ad3153a
commit d3602a16b1
3 changed files with 15 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
demo-shell-ng2/app/components/activiti/activiti-demo.component.css
View File

@ -69,16 +69,6 @@
min-width: 680px;
}
.activiti-demo-tasks-menu >>> .mat-list .mat-list-item .mat-list-item-content {
height: 32px;
cursor: pointer;
padding: 0 16px 0 24px;
}
.activiti-demo-tasks-menu >>> .adf-panel-heading {
margin-bottom: 10px;
}
.activiti-demo-tasks-list >>> .adf-data-table {
border: none;
}

9
ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.html
View File

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

24
ng2-components/ng2-activiti-tasklist/src/components/task-filters.component.scss
View File

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