Commit 39a6adaf authored by Frederic Caplette's avatar Frederic Caplette

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
...@@ -160,7 +160,10 @@ export default { ...@@ -160,7 +160,10 @@ export default {
:pipeline-id="pipelineId" :pipeline-id="pipelineId"
:stage-name="showStageName ? group.stageName : ''" :stage-name="showStageName ? group.stageName : ''"
css-class-job-name="gl-build-content" 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')" @pipelineActionRequestComplete="$emit('refreshPipelineGraph')"
/> />
<div v-else-if="isParallel(group)" :class="{ 'gl-opacity-3': isFadedOut(group.name) }"> <div v-else-if="isParallel(group)" :class="{ 'gl-opacity-3': isFadedOut(group.name) }">
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment