github/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-08-20 10:14:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix background color of pipeline step list (#5431)

Browse Source
This commit is contained in:
Robert Kaussow 2025-08-19 00:01:02 +02:00 committed by GitHub
parent 8b947df2fc
commit be09f1175c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/repo/pipeline/PipelineStepList.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="text-wp-text-100 flex w-full flex-col gap-2 pb-2 md:w-3/12 md:max-w-md md:min-w-xs"> <div class="text-wp-text-100 flex w-full flex-col gap-2 pb-2 md:w-3/12 md:max-w-md md:min-w-xs">
<div <div
class="border-wp-background-400 dark:border-wp-background-100 bg-wp-background-100 dark:bg-wp-background-200 flex shrink-0 flex-wrap justify-between gap-1 rounded-md border p-4" class="border-wp-background-400 dark:border-wp-background-100 bg-wp-background-200 flex shrink-0 flex-wrap justify-between gap-1 rounded-md border p-4"
> >
<div class="flex shrink-0 items-center space-x-1"> <div class="flex shrink-0 items-center space-x-1">
<div class="flex items-center"> <div class="flex items-center">
@ -59,7 +59,7 @@
<div <div
v-for="workflow in pipeline.workflows" v-for="workflow in pipeline.workflows"
:key="workflow.id" :key="workflow.id"
class="border-wp-background-400 dark:border-wp-background-100 bg-wp-background-100 dark:bg-wp-background-200 rounded-md border p-2" class="border-wp-background-400 dark:border-wp-background-100 bg-wp-background-200 rounded-md border p-2"
> >
<div class="flex flex-col gap-2"> <div class="flex flex-col gap-2">
<div v-if="workflow.environ" class="flex flex-wrap justify-end gap-x-1 gap-y-2 pt-1 pr-1 text-xs"> <div v-if="workflow.environ" class="flex flex-wrap justify-end gap-x-1 gap-y-2 pt-1 pr-1 text-xs">
@ -71,7 +71,7 @@
v-if="!singleConfig" v-if="!singleConfig"
type="button" type="button"
:title="workflow.name" :title="workflow.name"
class="hover:bg-wp-control-neutral-100 dark:hover:bg-wp-control-neutral-200 flex cursor-pointer items-center gap-2 rounded-md px-1 py-2" class="hover:bg-wp-control-neutral-200 flex cursor-pointer items-center gap-2 rounded-md px-1 py-2"
@click="workflowsCollapsed[workflow.id] = !workflowsCollapsed[workflow.id]" @click="workflowsCollapsed[workflow.id] = !workflowsCollapsed[workflow.id]"
> >
<Icon <Icon
@ -99,10 +99,9 @@
:data-step-id="step.pid" :data-step-id="step.pid"
type="button" type="button"
:title="step.name" :title="step.name"
class="hover:bg-wp-control-neutral-100 dark:hover:bg-wp-control-neutral-200 flex w-full cursor-pointer items-center gap-2 rounded-md border-2 border-transparent p-2" class="hover:bg-wp-control-neutral-200 flex w-full cursor-pointer items-center gap-2 rounded-md border-2 border-transparent p-2"
:class="{ :class="{
'bg-wp-control-neutral-100 dark:bg-wp-control-neutral-200': 'bg-wp-control-neutral-200': selectedStepId && selectedStepId === step.pid,
selectedStepId && selectedStepId === step.pid,
'mt-1': !singleConfig || (workflow.children && step.pid !== workflow.children[0].pid), 'mt-1': !singleConfig || (workflow.children && step.pid !== workflow.children[0].pid),
}" }"
@click="$emit('update:selected-step-id', step.pid)" @click="$emit('update:selected-step-id', step.pid)"