.stage-cell
  - pipeline.stages.each do |stage|
    - if stage.status
      - detailed_status = stage.detailed_status(current_user)
      - icon_status = "#{detailed_status.icon}_borderless"
      - status_klass = "ci-status-icon ci-status-icon-#{detailed_status.group}"

      .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_namespace_project_pipeline_path(pipeline.project.namespace, pipeline.project, pipeline, stage: stage.name) } }
          = custom_icon(icon_status)
          = icon('caret-down')

        %ul.dropdown-menu.mini-pipeline-graph-dropdown-menu.js-builds-dropdown-container
          .arrow-up
          .js-builds-dropdown-list.scrollable-menu

          .js-builds-dropdown-loading.builds-dropdown-loading.hidden
            %span.fa.fa-spinner.fa-spin