From 0f563e38bbdbd672df4ea413c1f53f957b75f104 Mon Sep 17 00:00:00 2001
From: Vito <vito.albano@alfresco.com>
Date: Mon, 28 Nov 2016 21:34:40 +0000
Subject: [PATCH] #1134 - Added scroll for big dialog on process detail (#1168)

#1134  Added scroll for big dialog on process detail , Fixed width for dialog task detail
---
 .../activiti-process-instance-tasks.component.css          | 7 ++++++-
 .../activiti-process-instance-tasks.component.html         | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.css b/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.css
index 96f0ed5edb..cf4ad69b77 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.css
+++ b/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.css
@@ -22,9 +22,14 @@
 }
 
 .task-details-dialog {
-    width: 600px;
+    width: 40%;
 }
 
 .process-tasks-refresh {
     float: right;
 }
+
+.mdl-dialog__content.form__size {
+    height: 400px;
+    overflow-y: auto;
+}
diff --git a/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.html b/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.html
index a711a3eb70..0d94cb0823 100644
--- a/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.html
+++ b/ng2-components/ng2-activiti-processlist/src/components/activiti-process-instance-tasks.component.html
@@ -70,7 +70,7 @@
 
 <dialog class="mdl-dialog task-details-dialog" #dialog>
     <h4 class="mdl-dialog__title">{{ 'DETAILS.TASKS.TASK_DETAILS' | translate }}</h4>
-    <div class="mdl-dialog__content">
+    <div class="mdl-dialog__content form__size">
         <activiti-task-details [taskId]="selectedTaskId" (formCompleted)="onTaskFormCompleted()" #taskdetails></activiti-task-details>
     </div>
     <div class="mdl-dialog__actions">
@@ -80,7 +80,7 @@
 
 <dialog class="mdl-dialog task-details-dialog" #startDialog>
     <h4 class="mdl-dialog__title">{{ 'DETAILS.LABELS.START_FORM'|translate }}</h4>
-    <div class="mdl-dialog__content">
+    <div class="mdl-dialog__content form__size">
         <activiti-start-form [processId]="processId" [processDefinitionId]="processInstanceDetails?.processDefinitionId"
                              [showOutcomeButtons]="false" [showRefreshButton]="false">
         </activiti-start-form>