🎨 : fix WorkflowPublished css on iframe mode and fill all available…

… height
galaxyproject · May 10, 2024 · dbcd2c5 · dbcd2c5
1 parent 6b5f25e
commit dbcd2c5
Showing 1 changed file with 9 additions and 2 deletions.
diff --git 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,16 +268,23 @@ 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;
         }
 
         .workflow-preview {
             grid-column: 1 / span 2;
 
+            &.only-preview {
+                grid-column: 1 / span 3;
+            }
+
             .workflow-card {
                 width: 100%;
                 height: 100%;