From 4a88e3727b5e20515241a235ed37665c08e90a02 Mon Sep 17 00:00:00 2001
From: Lukas <lukas@slucky.de>
Date: Thu, 4 Jan 2024 10:10:54 +0100
Subject: [PATCH] Always show pipeline step list (#3114)

Closes #1845

Will always show the pipeline step list for failed pipelines, declined
pipelines and blocked pipelines.

Example screenshot of a failed pipeline:


![image](https://github.com/woodpecker-ci/woodpecker/assets/32853499/c43618f2-b49e-4b42-908c-95c5f641ba4a)
---
 web/src/components/repo/pipeline/PipelineStepList.vue | 5 +++--
 web/src/views/repo/pipeline/Pipeline.vue              | 1 -
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/src/components/repo/pipeline/PipelineStepList.vue b/web/src/components/repo/pipeline/PipelineStepList.vue
index 7290fd6036..62abc69198 100644
--- a/web/src/components/repo/pipeline/PipelineStepList.vue
+++ b/web/src/components/repo/pipeline/PipelineStepList.vue
@@ -50,9 +50,9 @@
       </div>
     </div>
 
-    <div v-if="pipeline.workflows === undefined || pipeline.workflows.length === 0" class="m-auto mt-4">
+    <Panel v-if="pipeline.workflows === undefined || pipeline.workflows.length === 0">
       <span>{{ $t('repo.pipeline.no_pipeline_steps') }}</span>
-    </div>
+    </Panel>
 
     <div class="flex-grow min-h-0 w-full relative">
       <div class="absolute top-0 left-0 right-0 h-full flex flex-col md:overflow-y-auto gap-y-2">
@@ -125,6 +125,7 @@ import { ref, toRef } from 'vue';
 
 import Badge from '~/components/atomic/Badge.vue';
 import Icon from '~/components/atomic/Icon.vue';
+import Panel from '~/components/layout/Panel.vue';
 import PipelineStatusIcon from '~/components/repo/pipeline/PipelineStatusIcon.vue';
 import PipelineStepDuration from '~/components/repo/pipeline/PipelineStepDuration.vue';
 import usePipeline from '~/compositions/usePipeline';
diff --git a/web/src/views/repo/pipeline/Pipeline.vue b/web/src/views/repo/pipeline/Pipeline.vue
index 565bffdd21..9aced802cb 100644
--- a/web/src/views/repo/pipeline/Pipeline.vue
+++ b/web/src/views/repo/pipeline/Pipeline.vue
@@ -2,7 +2,6 @@
   <Container full-width class="flex flex-col flex-grow-0 md:flex-grow md:min-h-xs md:px-4">
     <div class="flex w-full min-h-0 flex-grow gap-4 flex-wrap-reverse md:flex-nowrap">
       <PipelineStepList
-        v-if="pipeline?.workflows && pipeline?.workflows?.length > 0"
         v-model:selected-step-id="selectedStepId"
         :class="{ 'hidden md:flex': pipeline.status === 'blocked' }"
         :pipeline="pipeline"