Frontend: Change the pipeline editor fixed layout to full-width
Problem
Pipeline editor currently uses the smallest "fixed" layout page width 990px, which doesn't provide the optimal experience given the complexity of the UI.
Proposal
https://design.gitlab.com/layout/grid#fixed-layout
Make the pipeline editor "fixed" layout use "full-width".
| Before (fixed at 990 px) | After (fixed at full-width) |
|---|---|
![]() |
![]() |
Implementation
The breakdown for this feature is as follows:
| Work Type | Description | Issue Link |
|---|---|---|
| backend | Expose includes link (initial MVC) | #344937 (closed) |
| frontend | Change the pipeline editor fixed layout to full-width |
|
| frontend | Introduce the feature flag and the empty drawer. | #350721 (closed) |
| frontend | Pass down the content to the drawer and format it properly | #350722 (closed) |
| frontend | Remember the open/closed state in local storage | #350723 (closed) |
| frontend | Add feature discovery popover | #360111 (closed) |
| frontend | Roll out feature flag | #357219 (closed) |
| backend | Backend: Add toggle flag to UserCalloutFeatureNameEnum to allow for popover dismissal | #365347 |
| frontend | Store the pipeline editor popovers state in the database | #360635 |
| backend | Add messaging when files can't be fetched due to invalid CI configuration | #360431 |
Edited by Mark Nuzzo

