Merge branch 'dag-annotations-sticky' into 'master'

Make DAG annotations stick

See merge request gitlab-org/gitlab!37068

app/assets/javascripts/pipelines/components/dag/dag_annotations.vue

@@ -29,9 +29,9 @@ export default {
       return [
         'gl-display-flex',
         'gl-flex-direction-column',
-        'gl-absolute',
+        'gl-fixed',
         'gl-right-1',
-        'gl-top-0',
+        'gl-top-66vh',
         'gl-w-max-content',
         'gl-px-5',
         'gl-py-4',

app/assets/stylesheets/utilities.scss

@@ -109,3 +109,7 @@
 .gl-transition-property-stroke {
   transition-property: stroke;
 }
+
+.gl-top-66vh {
+  top: 66vh;
+}

changelogs/unreleased/dag-annotations-sticky.yml

+---
+title: Make DAG annotations stick
+merge_request: 37068
+author:
+type: changed