feat(ui): let workflow dag and node info scroll independently (#5603)

Signed-off-by: Tianchu Zhao <evantczhao@gmail.com>
argoproj · Apr 6, 2021 · d0a0289 · d0a0289
1 parent 2651bd6
commit d0a0289
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 1 deletion.
diff --git a/ui/src/app/shared/components/graph/graph-panel.scss b/ui/src/app/shared/components/graph/graph-panel.scss
@@ -53,6 +53,7 @@
 .graph {
   overflow: scroll;
   text-align: center;
+  max-height: calc(100vh - 2 * #{$top-bar-height});
 
   .group {
     rect {

diff --git a/ui/src/app/workflows/components/workflow-details/workflow-details.scss b/ui/src/app/workflows/components/workflow-details/workflow-details.scss
@@ -2,7 +2,7 @@
 
 .workflow-details {
 
-  overflow-y: scroll;
+  overflow-y: hidden;
 
   &, & > .row {
     height: calc(100vh - 2 * #{$top-bar-height});

diff --git a/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.scss b/ui/src/app/workflows/components/workflow-node-info/workflow-node-info.scss
@@ -2,6 +2,9 @@
 
 .workflow-node-info {
 
+    max-height: calc(100vh - 2 * #{$top-bar-height});
+    overflow-y: auto;
+
     .tabs {
         a {
             padding-right: 0;