Fix scroll up/down controls overlaying full screen graph (jenkinsci#749)

janfaracik · web-flow · commit 14b50c62566f · 2025-05-09T19:49:55.000+01:00
diff --git a/src/main/frontend/pipeline-console-view/pipeline-console/main/components/stages.scss b/src/main/frontend/pipeline-console-view/pipeline-console/main/components/stages.scss
@@ -32,6 +32,7 @@
     border-radius: 0;
     border: none;
     height: unset;
+    max-height: unset;
 
     .pgv-stages-graph__controls {
       margin: 1rem;
@@ -54,8 +55,14 @@
   }
 }
 
+// Hacky method of getting the full screen graph to
+// overlay the header and scroll up/down controls
 #page-body:has(.pgv-stages-graph--dialog) {
   z-index: 1001;
+
+  .pgv-split-view__container {
+    z-index: 1001;
+  }
 }
 
 .pgv-stages-graph__controls {

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@`
`32`	`32`	`border-radius: 0;`
`33`	`33`	`border: none;`
`34`	`34`	`height: unset;`
	`35`	`+ max-height: unset;`
`35`	`36`
`36`	`37`	`.pgv-stages-graph__controls {`
`37`	`38`	`margin: 1rem;`
`@@ -54,8 +55,14 @@`
`54`	`55`	`}`
`55`	`56`	`}`
`56`	`57`
	`58`	`+// Hacky method of getting the full screen graph to`
	`59`	`+// overlay the header and scroll up/down controls`
`57`	`60`	`#page-body:has(.pgv-stages-graph--dialog) {`
`58`	`61`	`z-index: 1001;`
	`62`	`+`
	`63`	`+ .pgv-split-view__container {`
	`64`	`+ z-index: 1001;`
	`65`	`+ }`
`59`	`66`	`}`
`60`	`67`
`61`	`68`	`.pgv-stages-graph__controls {`