Move pipeline schedule css

Move css into a page specific
bundle for performance.

app/assets/stylesheets/_page_specific_files.scss

@@ -25,7 +25,6 @@
 @import './pages/notes';
 @import './pages/notifications';
 @import './pages/pages';
-@import './pages/pipeline_schedules';
 @import './pages/pipelines';
 @import './pages/profile';
 @import './pages/profiles/preferences';

app/assets/stylesheets/pages/pipeline_schedules.scss → app/assets/stylesheets/page_bundles/pipeline_schedules.scss

+@import 'mixins_and_variables_and_functions';
+
 .pipeline-schedule-form {
   .gl-field-error {
     margin: 10px 0 0;
@@ -32,11 +34,11 @@
   }
 
   .next-run-cell {
-    color: $gl-text-color-secondary;
+    color: var(--gray-500, $gray-500);
   }
 
   a {
-    color: $text-color;
+    color: var(--gl-text-color, $gl-text-color);
   }
 
   svg {
@@ -46,13 +48,13 @@
 
 .pipeline-schedules-user-callout {
   .bordered-box.content-block {
-    border: 1px solid $border-color;
+    border: 1px solid var(--border-color, $border-color);
     background-color: transparent;
     padding: 16px;
   }
 
   #dismiss-callout-btn {
-    color: $gl-text-color;
+    color: var(--gl-text-color, $gl-text-color);
   }
 }
 

app/views/projects/pipeline_schedules/edit.html.haml

 - add_to_breadcrumbs _("Schedules"), pipeline_schedules_path(@project)
 - breadcrumb_title "##{@schedule.id}"
 - page_title _("Edit"), @schedule.description, _("Pipeline Schedule")
+- add_page_specific_style 'page_bundles/pipeline_schedules'
 
 %h3.page-title
   = _("Edit Pipeline Schedule %{id}") % { id: @schedule.id }

app/views/projects/pipeline_schedules/index.html.haml

 - breadcrumb_title _("Schedules")
-
 - page_title _("Pipeline Schedules")
+- add_page_specific_style 'page_bundles/pipeline_schedules'
 
 #pipeline-schedules-callout{ data: { docs_url: help_page_path('ci/pipelines/schedules'), image_url: image_path('illustrations/pipeline_schedule_callout.svg') } }
 .top-area

app/views/projects/pipeline_schedules/new.html.haml

 - breadcrumb_title "Schedules"
 - @breadcrumb_link = namespace_project_pipeline_schedules_path(@project.namespace, @project)
 - page_title _("New Pipeline Schedule")
+- add_page_specific_style 'page_bundles/pipeline_schedules'
 
 - add_to_breadcrumbs("Pipelines", project_pipelines_path(@project))
 

config/application.rb

@@ -174,6 +174,7 @@ module Gitlab
     config.assets.precompile << "notify.css"
     config.assets.precompile << "mailers/*.css"
     config.assets.precompile << "page_bundles/_mixins_and_variables_and_functions.css"
+    config.assets.precompile << "page_bundles/alert_management_details.css"
     config.assets.precompile << "page_bundles/boards.css"
     config.assets.precompile << "page_bundles/ci_status.css"
     config.assets.precompile << "page_bundles/cycle_analytics.css"
@@ -191,13 +192,13 @@ module Gitlab
     config.assets.precompile << "page_bundles/milestone.css"
     config.assets.precompile << "page_bundles/pipeline.css"
     config.assets.precompile << "page_bundles/pipelines.css"
+    config.assets.precompile << "page_bundles/pipeline_schedules.css"
     config.assets.precompile << "page_bundles/productivity_analytics.css"
     config.assets.precompile << "page_bundles/terminal.css"
     config.assets.precompile << "page_bundles/todos.css"
     config.assets.precompile << "page_bundles/reports.css"
-    config.assets.precompile << "page_bundles/xterm.css"
     config.assets.precompile << "page_bundles/wiki.css"
-    config.assets.precompile << "page_bundles/alert_management_details.css"
+    config.assets.precompile << "page_bundles/xterm.css"
     config.assets.precompile << "lazy_bundles/cropper.css"
     config.assets.precompile << "performance_bar.css"
     config.assets.precompile << "lib/ace.js"