Make DAG annotations stick

9e3bc6b6 · Sarah Groff Hennigh-Palermo · Andrew Fontaine · b7510d7a · 9e3bc6b6 · 9e3bc6b6
Commit 9e3bc6b6 authored Jul 16, 2020 by Sarah Groff Hennigh-Palermo Committed by Andrew Fontaine Jul 16, 2020
3 changed files
--- a/app/assets/javascripts/pipelines/components/dag/dag_annotations.vue
+++ b/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',

--- a/app/assets/stylesheets/utilities.scss
+++ b/app/assets/stylesheets/utilities.scss
@@ -109,3 +109,7 @@
 .gl-transition-property-stroke {
  transition-property: stroke;
 }
+
+.gl-top-66vh {
+  top: 66vh;
+}
--- a/changelogs/unreleased/dag-annotations-sticky.yml
+++ b/changelogs/unreleased/dag-annotations-sticky.yml
+---
+title: Make DAG annotations stick
+merge_request: 37068
+author:
+type: changed