[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 {
font-family: inherit;
height: 19em;
padding: 8px;
}

View File

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

View File

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

View File

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