63e7b21f6e
The expansion hover animation caused a number of layout headaches; this commit removes the animation and replaces them with hover/active/focus styles. Related issue: https://gitlab.com/gitlab-org/gitlab-ce/issues/42769
17 lines
964 B
Text
17 lines
964 B
Text
.stage-cell
|
|
- pipeline.legacy_stages.each do |stage|
|
|
- if stage.status
|
|
- detailed_status = stage.detailed_status(current_user)
|
|
- icon_status = "#{detailed_status.icon}_borderless"
|
|
|
|
.stage-container.dropdown{ class: klass }
|
|
%button.mini-pipeline-graph-dropdown-toggle.has-tooltip.js-builds-dropdown-button{ class: "ci-status-icon-#{detailed_status.group}", type: 'button', data: { toggle: 'dropdown', title: "#{stage.name}: #{detailed_status.label}", placement: 'top', "stage-endpoint" => stage_ajax_project_pipeline_path(pipeline.project, pipeline, stage: stage.name) } }
|
|
= sprite_icon(icon_status)
|
|
|
|
%ul.dropdown-menu.mini-pipeline-graph-dropdown-menu.js-builds-dropdown-container
|
|
%li.js-builds-dropdown-list.scrollable-menu
|
|
%ul
|
|
|
|
%li.js-builds-dropdown-loading.hidden
|
|
.text-center
|
|
%i.fa.fa-spinner.fa-spin{ 'aria-hidden': 'true', 'aria-label': 'Loading' }
|