Skip to content
Snippets Groups Projects
Commit 39a6adaf authored by Frédéric Caplette's avatar Frédéric Caplette
Browse files

Add transition CSS to job hovers

In the new pipeline graph layout with dependencies, if
the user hover between jobs, it used to flicker because
there was no transition. This commit adds transition on
job components.
parent 22a72684
No related branches found
No related tags found
1 merge request!60039Add transition CSS to job hovers in pipeline graph
......@@ -160,7 +160,10 @@ export default {
:pipeline-id="pipelineId"
:stage-name="showStageName ? group.stageName : ''"
css-class-job-name="gl-build-content"
:class="{ 'gl-opacity-3': isFadedOut(group.name) }"
:class="[
{ 'gl-opacity-3': isFadedOut(group.name) },
'gl-transition-duration-slow gl-transition-timing-function-ease',
]"
@pipelineActionRequestComplete="$emit('refreshPipelineGraph')"
/>
<div v-else-if="isParallel(group)" :class="{ 'gl-opacity-3': isFadedOut(group.name) }">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment