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)
image image

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 👈 You are here
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