[MR Widget Restructure] Merging: Show merge details in lower area

Problem

The Merging state MR Widget is still showing the pre-merge state in its lower half (including form controls, buttons, etc.).

Target

The Merging state should look like the Figma design:

Notes

There are two steps that need to happen here:

1. Show the Merge Details section instead of the "Ready to Merge" controls.
2. Move the second line of text from the top section into the Merge Details section.

See Also

• Spawning MR
• Parent Issue, specific comment

changed milestone to %14.9

added devopscreate featureenhancement frontend groupcode review merge request widget merge requests sectiondev labels

assigned to @thomasrandolph

added to epic &5589 (closed)

changed title from [MR Restructure] Merging: Show merge details in lower area to [MR Widget Restructure] Merging: Show merge details in lower area

mentioned in issue #344835 (closed)

mentioned in issue thomasrandolph/todo#8 (closed)

marked this issue as related to #339181 (closed)

assigned to @pedroms

@thomasrandolph, please can you add a type label to this issue to help with issue discovery in issue reports.

added auto updated label

added typemaintenance label

mentioned in issue create-stage#12989 (closed)

added workflowready for development label

• (%14.9) Slipping.

Thanks @thomasrandolph! Can you identify the appropriate weight for this issue? I'm setting it as 2 for now since we've broken down the entire restructure into 4 different issues.

I think w2 is fine, given the extra work that's going into foundational stuff in the Merged widget.

@thomasrandolph Marking it as Deliverable for %14.10.

set weight to 2

mentioned in issue create-stage#12985 (closed)

changed milestone to %14.10

added Deliverable label