From 157bb29aa900d1877acaa7b44980231c1c2ed96a Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Mon, 13 May 2024 17:06:29 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8:=20fix=20`WorkflowPublished`=20sty?=
 =?UTF-8?q?le=20on=20quick=20view=20mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Workflow/Published/WorkflowPublished.vue   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Workflow/Published/WorkflowPublished.vue b/client/src/components/Workflow/Published/WorkflowPublished.vue
index 83c38402267d..585c780876ac 100644
--- a/client/src/components/Workflow/Published/WorkflowPublished.vue
+++ b/client/src/components/Workflow/Published/WorkflowPublished.vue
@@ -260,6 +260,7 @@ onMounted(async () => {
 
 .workflow-published {
     display: flex;
+    height: 100%;
 
     .container-root {
         container-type: inline-size;
@@ -271,8 +272,7 @@ onMounted(async () => {
         grid-template-rows: max-content;
         grid-template-columns: auto auto 30%;
 
-        inset: 0;
-        position: absolute;
+        height: 100%;
 
         .workflow-header {
             grid-column: 1 / span 3;
@@ -292,9 +292,9 @@ onMounted(async () => {
         }
 
         &:deep(.workflow-information-container) {
-            grid-column: 3;
             height: 100%;
             max-width: 500px;
+            overflow: auto;
         }
     }
 
@@ -314,7 +314,7 @@ onMounted(async () => {
             }
 
             .workflow-information-container {
-                grid-column: 1;
+                grid-column: 1 / span 3;
             }
         }
     }