From 06aee918c353b498ec51f8a8add2b53bed3902c2 Mon Sep 17 00:00:00 2001
From: LevVadim <vlevunets@interfirst.com>
Date: Mon, 5 Dec 2022 12:17:15 +0200
Subject: [PATCH] fix monaco editor script view resize 24437 (#3503)

---
 .../shared/monaco-editor/monaco-editor.scss          | 12 ++++++++++--
 .../shared/monaco-editor/monaco-editor.tsx           |  4 ++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.scss b/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.scss
index 16c349dd9..442da9aaf 100644
--- a/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.scss
+++ b/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.scss
@@ -9,10 +9,18 @@
   left: 0;
   top: 0;
   width: 100%;
-  height: 100%;
-  max-height: 100% !important;
+  max-width: 100%;
+  min-height: 130px;
+  max-height: 200px !important;
   margin: 0;
   padding: 0;
+  --tw-border-opacity: 1;
+  border: 1px solid rgb(209 213 219 / var(--tw-border-opacity));
+  -moz-appearance: textfield-multiline;
+  -webkit-appearance: textarea;
+  overflow: auto;
+  resize: both;
+  min-width: 100%;
 }
 
 .monaco-editor {
diff --git a/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.tsx b/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.tsx
index a2e9867d6..a057e0331 100644
--- a/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.tsx
+++ b/src/designer/elsa-workflows-designer/src/components/shared/monaco-editor/monaco-editor.tsx
@@ -213,9 +213,9 @@ export class MonacoEditor {
     const padding = this.padding || 'pt-1.5 pl-1';
     return (
       <Host
-        class="monaco-editor-host border focus:ring-blue-500 focus:border-blue-500 block w-full min-w-0 rounded-md sm:text-sm border-gray-300 p-4"
+        class="monaco-editor-host focus:ring-blue-500 focus:border-blue-500 block w-full min-w-0 sm:text-sm border-gray-300 p-4"
         style={{'min-height': this.editorHeight}}>
-        <div ref={el => this.container = el} class={`monaco-editor-container ${padding}`}/>
+        <div ref={el => this.container = el} class={`rounded-md monaco-editor-container ${padding}`}/>
       </Host>
     )
   }