Merge pull request #891 from jeff-phillips-18/node-tooltips

fix(overview): set max height for tooltips on nodes
openshift · Jan 9, 2024 · 3535b0a · 3535b0a
2 parents bf5b4ee + 330b795
commit 3535b0a
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/...mponents/ApplicationDetails/tabs/overview/visualization/nodes/WorkflowNodeTipContent.scss b/...mponents/ApplicationDetails/tabs/overview/visualization/nodes/WorkflowNodeTipContent.scss
@@ -3,10 +3,17 @@
   flex-direction: column;
   gap: var(--pf-v5-global--spacer--md);
   text-align: left;
-  padding: var(--pf-v5-global--spacer--md);
+  padding-top: var(--pf-v5-global--spacer--md);
+  padding-bottom: var(--pf-v5-global--spacer--md);
+  padding-left: var(--pf-v5-global--spacer--md);
+  max-height: 600px;
 
   &-title {
     font-size: var(--pf-v5-global--icon--FontSize--md);
+    padding-right: var(--pf-v5-global--spacer--md);
+  }
+  &-description {
+    padding-right: var(--pf-v5-global--spacer--md);
   }
 
   &-status {
@@ -15,6 +22,9 @@
       grid-template-columns: auto auto auto;
       column-gap: var(--pf-v5-global--spacer--md);
       row-gap: var(--pf-v5-global--spacer--sm);
+      overflow-y: auto;
+      padding-right: var(--pf-v5-global--spacer--md);
+
       .pf-topology-pipelines__status-icon.pf-m-spin {
         > svg {
           filter: blur(0);
@@ -29,5 +39,6 @@
   &-links {
     display: flex;
     gap: var(--pf-v5-global--spacer--md);
+    padding-right: var(--pf-v5-global--spacer--md);
   }
 }