Skip to content

Fix column widths when "fix with duo" pipeline button present

What does this MR do and why?

A new "fix pipeline with duo" button has been added to pipeline actions, but the table layout has not been adjusted to make room for it. This MR adjusts the layout when the action can be present.

Technical Details

@mrincon: I had to refactor some of the DuoWorkflowAction code so I could easily get the icon-only mode to display correctly, see more at: !205935 (comment 2785035303)

References

Screenshots or screen recordings

Before After
Screenshot 2025-09-23 at 10.36.21.png Screenshot 2025-09-23 at 10.36.53.png

How to set up and validate locally

  1. Check out this branch
  2. Enable the ai_duo_agent_fix_pipeline_button feature flag in the GDK
  3. Visit an MR's Pipelines page where there is a failed pipeline (you might need to comment out app/assets/javascripts/ci/common/pipelines_table.vue:199 depending on data conditions)
  4. You will see the "Fix with duo" button and if you inspect the <td> that contains the action buttons, you will see that it is 25% of the width of the row (it has class gl-w-5/20).

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Miguel Rincon

Merge request reports

Loading