Default to fluid layout for the pipeline editor

The pipeline editor will now be shown in full-width regardless of the user's
layout preference. The extra space will be utilized for more upcoming
features.

Changelog: changed

app/assets/javascripts/pipeline_editor/pipeline_editor_home.vue

@@ -90,7 +90,7 @@ export default {
 </script>
 
 <template>
-  <div class="gl-pr-9 gl-transition-medium gl-w-full">
+  <div class="gl-pr-10 gl-transition-medium gl-w-full">
     <gl-modal
       v-if="showSwitchBranchModal"
       visible

app/assets/stylesheets/utilities.scss

@@ -311,3 +311,8 @@ $gl-line-height-42: px-to-rem(42px);
     padding-right: $gl-spacing-scale-5;
   }
 }
+
+// Will be moved to @gitlab/ui by https://gitlab.com/gitlab-org/gitlab-ui/-/merge_requests/2600
+.gl-pr-10 {
+  padding-right: $gl-spacing-scale-10;
+}

app/helpers/page_layout_helper.rb

@@ -125,7 +125,7 @@ module PageLayoutHelper
   end
 
   def fluid_layout
-    current_user && current_user.layout == "fluid"
+    @force_fluid_layout == true || (current_user && current_user.layout == "fluid")
   end
 
   def blank_container(enabled = false)

app/views/projects/ci/pipeline_editor/show.html.haml

+- @force_fluid_layout = true
 - add_page_specific_style 'page_bundles/pipelines'
 
 - page_title s_('Pipelines|Pipeline Editor')