From 27585d42b1c46ab6e0d3a5a65e94e553153f4017 Mon Sep 17 00:00:00 2001
From: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Date: Sat, 22 Oct 2022 17:57:14 +0200
Subject: [PATCH] Don't show workflow name if it's only one (#1319)

Regression of #1304.

If there's only one workflow, don't make it collapsible and don't show the name of it.
---
 .../components/repo/pipeline/PipelineProcList.vue   | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/web/src/components/repo/pipeline/PipelineProcList.vue b/web/src/components/repo/pipeline/PipelineProcList.vue
index 100c124cd..3d79cbb61 100644
--- a/web/src/components/repo/pipeline/PipelineProcList.vue
+++ b/web/src/components/repo/pipeline/PipelineProcList.vue
@@ -62,6 +62,7 @@
             </div>
           </div>
           <button
+            v-if="pipeline.procs && pipeline.procs.length > 1"
             type="button"
             class="flex items-center py-2 pl-1 hover:bg-black hover:bg-opacity-10 dark:hover:bg-white dark:hover:bg-opacity-5 rounded-md"
             @click="procsCollapsed[proc.id] = !!!procsCollapsed[proc.id]"
@@ -75,16 +76,22 @@
           </button>
         </div>
         <div
-          class="transition-height duration-150 overflow-hidden ml-6"
-          :class="{ 'max-h-screen': !procsCollapsed[proc.id], 'max-h-0': procsCollapsed[proc.id] }"
+          class="transition-height duration-150 overflow-hidden"
+          :class="{
+            'max-h-screen': !procsCollapsed[proc.id],
+            'max-h-0': procsCollapsed[proc.id],
+            'ml-6': pipeline.procs && pipeline.procs.length > 1,
+          }"
         >
           <button
             v-for="job in proc.children"
             :key="job.pid"
             type="button"
-            class="flex mt-1 p-2 border-2 border-transparent rounded-md items-center hover:bg-black hover:bg-opacity-10 dark:hover:bg-white dark:hover:bg-opacity-5 w-full"
+            class="flex p-2 border-2 border-transparent rounded-md items-center hover:bg-black hover:bg-opacity-10 dark:hover:bg-white dark:hover:bg-opacity-5 w-full"
             :class="{
               'bg-black bg-opacity-10 dark:bg-white dark:bg-opacity-5': selectedProcId && selectedProcId === job.pid,
+              'mt-1':
+                (pipeline.procs && pipeline.procs.length > 1) || (proc.children && job.pid !== proc.children[0].pid),
             }"
             @click="$emit('update:selected-proc-id', job.pid)"
           >