[ADF-1168] Tasks header component and Processes header component have different margins (#2139)

* [ADF-1168]  Tasks header component and Processes header component have different margins

*  Removed padding from process header component and used md-card-content .

* [ADF-1168] Tasks header component and Processes header component have different margins

* Removed the external div.
* Added css class to task header component to override default roboto font

* Update process-instance-details.component.css

* Update process-instance-header.component.html

* Update task-header.component.html

* Update process-instance-header.component.html

* Update task-header.component.html
This commit is contained in:
siva kumar
2017-07-26 22:38:16 +05:30
committed by Eugenio Romano
parent 5b859193a0
commit c3437d54eb
4 changed files with 11 additions and 12 deletions

View File

@@ -4,6 +4,4 @@
.adf-card-container { .adf-card-container {
font-family: inherit; font-family: inherit;
height: 19em;
padding: 8px;
} }

View File

@@ -1,5 +1,5 @@
<div *ngIf="processInstance"> <md-card *ngIf="processInstance" class="adf-card-container">
<md-card class="adf-card-container"> <md-card-content>
<adf-card-view [properties]="properties"></adf-card-view> <adf-card-view [properties]="properties"></adf-card-view>
</md-card> </md-card-content>
</div> </md-card>

View File

@@ -1,13 +1,10 @@
<md-card *ngIf="taskDetails"> <md-card *ngIf="taskDetails" class="adf-card-container">
<md-card-content> <md-card-content>
<adf-card-view [properties]="properties" [editable]="!isCompleted()"></adf-card-view> <adf-card-view [properties]="properties" [editable]="!isCompleted()"></adf-card-view>
</md-card-content> </md-card-content>
<md-card-actions class="adf-controls"> <md-card-actions *ngIf="!isAssignedToMe()" class="adf-controls">
<button md-button *ngIf="!isAssignedToMe()" data-automation-id="header-claim-button" id="claim-task" <button md-button data-automation-id="header-claim-button" id="claim-task" (click)="claimTask(taskDetails.id)" class="adf-claim-controls">{{ 'TASK_DETAILS.BUTTON.CLAIM' | translate }}
(click)="claimTask(taskDetails.id)" class="adf-claim-controls">{{ 'TASK_DETAILS.BUTTON.CLAIM' | translate }}
</button> </button>
</md-card-actions> </md-card-actions>
</md-card> </md-card>

View File

@@ -21,4 +21,8 @@
&-claim-controls { &-claim-controls {
color: rgb(131, 131, 131); color: rgb(131, 131, 131);
} }
&-card-container {
font-family: inherit;
}
} }