Merge branch '6313-breadcrumbs-with-system-header' into 'master'

Resolve "Breadcrumb hidden by system message"

Closes #6313

See merge request gitlab-org/gitlab-ee!5997

ee/app/assets/stylesheets/framework/system_messages.scss

@@ -51,6 +51,10 @@
     top: $system-header-height + $header-height;
   }
 
+  .content-wrapper {
+    margin-top: $system-header-height + $header-height;
+  }
+
   .ide.nav-only {
     // body element on WebIDE page
     padding-top: $header-height + $system-header-height;
@@ -176,7 +180,9 @@
     }
 
     .with-performance-bar.with-system-header.with-system-footer & {
-      @include ide-height-with((system-header: true, system-footer: true, performance: true, flash: true));
+      @include ide-height-with(
+        (system-header: true, system-footer: true, performance: true, flash: true)
+      );
     }
   }
 }

ee/changelogs/unreleased/6313-breadcrumbs-with-system-header.yml

+---
+title: Fix breadcrumbs being covered by System Header message
+merge_request:
+author:
+type: fixed