From c7d3cd6f5aca8391be5c5366c041e7d2ebdd6d66 Mon Sep 17 00:00:00 2001
From: simona-taran <88426876+simona-taran@users.noreply.github.com>
Date: Fri, 16 Jun 2023 19:27:25 +0300
Subject: [PATCH 1/2] Fixed spacing issue and panel display issue on workflow
 instances. Changed arrow direction on expanded panels. (#4145)

---
 .../elsa-workflows-designer/src/components/panel/panel.tsx   | 3 ++-
 .../src/modules/flowchart/flowchart.scss                     | 1 -
 .../src/modules/workflow-definitions/components/editor.scss  | 5 +++++
 .../src/modules/workflow-instances/components/viewer.scss    | 5 +++++
 .../src/modules/workflow-instances/components/viewer.tsx     | 4 ++--
 5 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/components/panel/panel.tsx b/src/designer/designer_packages/elsa-workflows-designer/src/components/panel/panel.tsx
index a437af5a2..ed875c82c 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/components/panel/panel.tsx
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/components/panel/panel.tsx
@@ -81,6 +81,7 @@ export class Panel {
     toggleClassMap[PanelPosition.Bottom] = 'elsa-panel-toggle-bottom';
 
     const toggleCssClass = toggleClassMap[position];
+    const iconOrientationCssClass = isExpanded ? 'tw-rotate-180': '';
 
     const dragBarClassMap = {
       [PanelPosition.Left]: 'tw-right-0 tw-h-full tw-cursor-col-resize tw-w-1',
@@ -99,7 +100,7 @@ export class Panel {
 
         <div class={`tw-text-white ${toggleCssClass}`} onClick={() => this.onToggleClick()}>
           <svg
-            class="tw-h-6 tw-w-6 tw-text-gray-700"
+            class={`tw-h-6 tw-w-6 tw-text-gray-700 ${iconOrientationCssClass}`}
             width="24"
             height="24"
             viewBox="0 0 24 24"
diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.scss b/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.scss
index c8de1d77a..bcb686aa8 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.scss
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/modules/flowchart/flowchart.scss
@@ -5,7 +5,6 @@
     cursor: default;
   }
   width: calc(100vw - var(--workflow-editor-width) - var(--activity-picker-width)) !important;
-  height: calc(100vh - var(--activity-editor-height) - 54px - 64px) !important;
 }
 
 .x6-widget-selection-box {
diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-definitions/components/editor.scss b/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-definitions/components/editor.scss
index 3d8d41d49..8f83b9969 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-definitions/components/editor.scss
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-definitions/components/editor.scss
@@ -3,6 +3,11 @@
   --activity-picker-width: 300px;
   --activity-editor-height: 200px;
 }
+
+.x6-graph-scroller {
+  height: calc(100vh - var(--activity-editor-height) - 64px) !important;
+}
+
 elsa-flowchart {
   position: absolute;
   left: var(--activity-picker-width);
diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-instances/components/viewer.scss b/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-instances/components/viewer.scss
index 793302f85..58b0a9acd 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-instances/components/viewer.scss
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-instances/components/viewer.scss
@@ -3,6 +3,11 @@
   --activity-picker-width: 300px;
   --activity-editor-height: 200px;
 }
+
+.x6-graph-scroller {
+  height: calc(100vh - var(--activity-editor-height) - 64px) !important;
+}
+
 elsa-flowchart {
   position: absolute;
   left: var(--activity-picker-width);
diff --git a/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-instances/components/viewer.tsx b/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-instances/components/viewer.tsx
index 75a30a2eb..64b256fff 100644
--- a/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-instances/components/viewer.tsx
+++ b/src/designer/designer_packages/elsa-workflows-designer/src/modules/workflow-instances/components/viewer.tsx
@@ -143,7 +143,7 @@ export class WorkflowInstanceViewer {
     }
     else if(activity.root == null && activity.body.type == "Elsa.Flowchart"){
       return activity.body as Flowchart;
-    } 
+    }
     else {
       return this.findFlowchartOfActivityRecursive((activity as Workflow).root);
     }
@@ -261,7 +261,7 @@ export class WorkflowInstanceViewer {
         <elsa-panel
           class="elsa-activity-editor-container"
           position={PanelPosition.Bottom}
-          onExpandedStateChanged={e => this.onActivityEditorPanelStateChanged(e.detail)}>
+        >
           <div class="activity-editor-container">
             {this.renderSelectedObject()}
           </div>

From 02572e9ce292a37c23cb1574abe25c2ed74a1461 Mon Sep 17 00:00:00 2001
From: GitHub Action
 <runner@fv-az562-89.uxtbn4doda5ujidlousdb0p40b.cx.internal.cloudapp.net>
Date: Fri, 16 Jun 2023 16:30:22 +0000
Subject: [PATCH 2/2] Updated designer version to 3.0.3-preview.173

---
 src/modules/Elsa.Workflows.Designer/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/modules/Elsa.Workflows.Designer/package.json b/src/modules/Elsa.Workflows.Designer/package.json
index cc71973ae..066336569 100644
--- a/src/modules/Elsa.Workflows.Designer/package.json
+++ b/src/modules/Elsa.Workflows.Designer/package.json
@@ -6,7 +6,7 @@
     "build:debug": "cross-env webpack --mode=development --env configuration=Debug"
   },
   "devDependencies": {
-    "@elsa-workflows/elsa-workflows-designer": "3.0.3-preview.172",
+    "@elsa-workflows/elsa-workflows-designer": "3.0.3-preview.173",
     "copy-webpack-plugin": "^11.0.0",
     "cross-env": "^7.0.3",
     "monaco-editor": "^0.36.1",