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

* 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

View File

@ -69,16 +69,6 @@
min-width: 680px; 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 { .activiti-demo-tasks-list >>> .adf-data-table {
border: none; border: none;
} }

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="hasIcon" 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>

View File

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