From dbcd2c5d69851a9de28a474d6f1a436ec92c3925 Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Fri, 10 May 2024 18:06:18 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20:=20fix=20`WorkflowPublished`=20?=
 =?UTF-8?q?css=20on=20iframe=20mode=20and=20fill=20all=20available=20heigh?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Workflow/Published/WorkflowPublished.vue          | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Workflow/Published/WorkflowPublished.vue b/client/src/components/Workflow/Published/WorkflowPublished.vue
index 15df4810edea..83c38402267d 100644
--- a/client/src/components/Workflow/Published/WorkflowPublished.vue
+++ b/client/src/components/Workflow/Published/WorkflowPublished.vue
@@ -232,7 +232,7 @@ onMounted(async () => {
                     </span>
                 </div>
 
-                <div class="workflow-preview">
+                <div class="workflow-preview" :class="{ 'only-preview': !props.showAbout }">
                     <BCard class="workflow-card d-flex flex-grow-1">
                         <WorkflowGraph
                             v-if="workflow && datatypesMapper"
@@ -268,9 +268,12 @@ onMounted(async () => {
     .published-workflow {
         display: grid;
         gap: 0.5rem 1rem;
-        grid-template-rows: 1fr min-content;
+        grid-template-rows: max-content;
         grid-template-columns: auto auto 30%;
 
+        inset: 0;
+        position: absolute;
+
         .workflow-header {
             grid-column: 1 / span 3;
         }
@@ -278,6 +281,10 @@ onMounted(async () => {
         .workflow-preview {
             grid-column: 1 / span 2;
 
+            &.only-preview {
+                grid-column: 1 / span 3;
+            }
+
             .workflow-card {
                 width: 100%;
                 height: 100%;